亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

四季花海 2023-07-14 15:39:23
如何使用 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>
查看完整描述

2 回答

?
梵蒂岡之花

TA貢獻1900條經驗 獲得超5個贊

你可以使用:


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>


查看完整回答
反對 回復 2023-07-14
?
溫溫醬

TA貢獻1752條經驗 獲得超4個贊

var e = document.getElementById("my_Select");

var value = e.value;

var text = e.options[e.selectedIndex].text;


查看完整回答
反對 回復 2023-07-14
  • 2 回答
  • 0 關注
  • 152 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號