如何從下拉列表中選擇文本和值？

Question

如何使用 javascript 從下拉列表中選擇文本和值。 我想使用文本我會得到選定的下拉文本。 就價值而言，它運行良好。

 function myFunction() { var x = document.getElementById("mySelect").value; var y = document.getElementById("mySelect").text; document.getElementById("demo").innerHTML = x; document.getElementById("demo1").innerHTML = y; }

 <div> <select id="mySelect"> <option value="1">Apple</option> <option value="2">Orange</option> <option value="3">Pineapple</option> <option value="4">Banana</option> </select> <p>Click the button to return the value of the selected fruit.</p> <button type="button" onclick="myFunction()">Try it</button> <p id="demo"></p> <p id="demo1"></p> </div>

Answer 1

你可以使用：

mySelect.options[mySelect.selectedIndex].text;

像這樣的東西：

 function myFunction() { var mySelect = document.getElementById("mySelect"); document.getElementById("demo").innerHTML = mySelect.value; document.getElementById("demo1").innerHTML = mySelect.options[mySelect.selectedIndex].text; }

 <div> <select id="mySelect"> <option value="1">Apple</option> <option value="2">Orange</option> <option value="3">Pineapple</option> <option value="4">Banana</option> </select> <p>Click the button to return the value of the selected fruit.</p> <button type="button" onclick="myFunction()">Try it</button> <p id="demo"></p> <p id="demo1"></p> </div>

Answer 2

var e = document.getElementById("my_Select"); var value = e.value; var text = e.options[e.selectedIndex].text;