Tell us what’s happening:
I am stuck at the dropdown value
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Survey Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1 id="title">FreeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform</p>
<form id="survey-form">
<div class="form-group">
<label id="name-label" for="name">Name: <input type="text" name="name" id="name" placeholder="Enter your name" required/></label></div>
<div class="form-group">
<label id="email-label" for="email">Email: <input id="email" placeholder="Enter your email" type="email" required></label></div>
<div class="form-group">
<label id="number-label" for="age"> Age(optional): <input id="number" type="number" min="10" max="99" placeholder="Age"/></label></div>
<div class="form-group">
<select id="dropdown" name="role" class="form-control" required>
<p>Which option best describe your current role</p>
<option disabled="selected" >Select current role</option>
<option not disabled="not-selected" >Select current role</option>
</select>
</div>
<div class="form-group">
<input id="name" type="radio" name="user-recommend" value="maybe" />
<input id="name" type="radio" name="user-recommend" value="definitely"/></div>
<div class="form-group">
<input type="checkbox" value="value" />
<input type="checkbox" value="value" />
</div>
<textarea></textarea>
<div class="form-group"><button id="submit">Submit</button></div>
</form>
</body>
/* file: styles.css */
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: