Difference between revisions of "Test verca 5"
Jump to navigation
Jump to search
(Replaced content with "<html> <head> <title>dropdown menu using select tab</title> </head> <script> function favTutorial() { var mylist = document.getElementById("myList"); document.getElementBy...") Tag: Replaced |
|||
Line 1: | Line 1: | ||
− | [ | + | <html> |
− | < | + | <head> |
− | + | <title>dropdown menu using select tab</title> | |
+ | </head> | ||
+ | <script> | ||
+ | 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> | |
− | + | <select id = "myList" onchange = "favTutorial()" > | |
− | + | <option> ---Choose tutorial--- </option> | |
− | + | <option> w3schools </option> | |
− | + | <option> Javatpoint </option> | |
− | + | <option> tutorialspoint </option> | |
− | + | <option> geeksforgeeks </option> | |
− | + | </select> | |
− | + | <p> Your selected tutorial site is: | |
− | + | <input type = "text" id = "favourite" size = "20" </p> | |
− | + | </form> | |
− | + | </body> | |
− | + | </html> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | ||
− | < | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Revision as of 10:36, 10 June 2022
<html> <head> <title>dropdown menu using select tab</title> </head> <script> function favTutorial() { var mylist = document.getElementById("myList"); document.getElementById("favourite").value = mylist.options[mylist.selectedIndex].text; } </script>
<body> <form> Select you favourite tutorial site using dropdown list <select id = "myList" onchange = "favTutorial()" > <option> ---Choose tutorial--- </option> <option> w3schools </option> <option> Javatpoint </option> <option> tutorialspoint </option> <option> geeksforgeeks </option> </select>
Your selected tutorial site is: <input type = "text" id = "favourite" size = "20"
</form> </body> </html>