如何从下拉列表中选择文本和值？

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;