1,362
edits
Changes
Jump to navigation
Jump to search
Line 1:
Line 1: − + − <head>+ − <title>dropdown menu using select tab</title>+ − </head>+ − + − function favTutorial() {+ − var mylist = document.getElementById("myList");+ − document.getElementById("favourite").value = mylist.options[mylist.selectedIndex].text;+ − }+ − </script>+ − − <body> − <form> − <b> Select you favourite tutorial site using dropdown list </b> − − − − − − <option> geeksforgeeks </option> − − − − </body> − </html>
no edit summary
<html>
<form action="/action_page.php">
<label for="cars">Choose a car:</label>
<select name="cars" id="cars">
<option value="volvo">Volvo</option>
<script>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<br><br>
<input type="submit" value="Submit">
<select id = "myList" onchange = "favTutorial()" >
<option> ---Choose tutorial--- </option>
<option> w3schools </option>
<option> Javatpoint </option>
<option> tutorialspoint </option>
</select>
<p> Your selected tutorial site is:
<input type = "text" id = "favourite" size = "20" </p>
</form>
</form>
