Как создать выпадающие списки в JavaScript
Содержание
В раскрывающемся списке содержится список текста, который позволяет пользователю сайта выбирать из параметров.
HTML Выберите опции
Источник
1 2 3 4 5 6 7 8 9 10 11 |
<html> <body> <select id="days"> <option value="1">Monday</option> <option value="2">Tuesday</option> <option value="3">Wednesday</option> <option value="4">Thursday</option> <option value="5">Friday</option> </select> </body> </html> |
Получить выбранное значение с помощью JavaScript
Источник
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<html> <head> <script> function getDay() { var eID = document.getElementById("days"); var dayVal = eID.options[eID.selectedIndex].value; var daytxt = eID.options[eID.selectedIndex].text; alert("Selected Day is " + daytxt + ", Value " + dayVal); } </script> </head> <body> <select id="days"> <option value="1">Monday</option> <option value="2">Tuesday</option> <option value="3">Wednesday</option> <option value="4">Thursday</option> <option value="5">Friday</option> </select> <br><br> <button onclick="getDay()">Select Day</button> </body> </html> |
JavaScript onchange event
Источник
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<html> <head> <script> function getDay() { var eID = document.getElementById("days"); var dayVal = eID.options[eID.selectedIndex].value; var daytxt = eID.options[eID.selectedIndex].text; alert("Selected Day is " + daytxt + ", Value " + dayVal); } </script> </head> <body> <select id="days" onchange="getDay()">> <option value="1">Monday</option> <option value="2">Tuesday</option> <option value="3">Wednesday</option> <option value="4">Thursday</option> <option value="5">Friday</option> </select> </body> </html> |