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

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

需要使用 JavaScript 選擇所選下拉列表的文本

需要使用 JavaScript 選擇所選下拉列表的文本

函數式編程 2024-01-18 15:45:41
我有一個包含值的下拉菜單。我有一個數組,其中包含與下拉值匹配的值列表。如果數組中存在下拉列表的文本選項的值,則它不應作為選項顯示在下拉列表中。我被困在我應該使用的方法上。這是我到目前為止所擁有的。超文本標記語言Car Plates: <select title='car/id' id='car_x0020_Plate_x002f'>  <option selected="selected" value="0">none</option>  <option value="16">233-jj2</option>  <option value="10">934-zxy</option>  <option value="90">330-nbh</option>  <option value="11">930-orj</option></select>JavaScriptvar hideOption = ['233-jj2', '330-nbh']var e = document.querySelector([id^='car']);var strUser = e.value;                               var e = document.getElementById("ddlViewBy");var strUser = e.options[e.selectedIndex].text;for (var x=0; x<hideOption.length; x++){  if (hideOption[x] === strUser){    //remove from dropdown  }}
查看完整描述

4 回答

?
HUH函數

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

我以非常簡單的方式提出了你的想法,如果你有任何問題請告訴我


var hideOption = ['233-jj2', '330-nbh'],

    select = document.getElementById("select");


for (let i = 0; i < hideOption.length; i = i + 1) {

    for (let t = 1; t < select.options.length; t = t + 1) {

        if (hideOption[i] == select.options[t].textContent) {

            select.options[t].remove();

        }

    }

}

Car Plates: 

<select title='car/id' id='select'>

  <option selected="selected" value="0">none</option>

  <option value="16">233-jj2</option>

  <option value="10">934-zxy</option>

  <option value="90">330-nbh</option>

  <option value="11">930-orj</option>

</select>


查看完整回答
反對 回復 2024-01-18
?
HUX布斯

TA貢獻1876條經驗 獲得超6個贊

// 從下拉列表中刪除 使用此代碼從下拉列表中刪除 e.removeChild(e.options[e.selectedIndex])

您也可以使用 e.selectedOptions[0].remove()


查看完整回答
反對 回復 2024-01-18
?
30秒到達戰場

TA貢獻1828條經驗 獲得超6個贊

var hideOption = ['233-jj2', '330-nbh']


var e = document.querySelector("[id^='car']");

var selTextArr = Array.from(e.options).map(option => option.text)

                               

for (var x=0; x<selTextArr.length; x++){

  if (hideOption.includes(selTextArr[x])){

    e.remove(x)

  }

}

Car Plates: 

<select title='car/id' id='car_x0020_Plate_x002f'>

  <option selected="selected" value="0">none</option>

  <option value="16">233-jj2</option>

  <option value="10">934-zxy</option>

  <option value="90">330-nbh</option>

  <option value="11">930-orj</option>

</select>


查看完整回答
反對 回復 2024-01-18
?
長風秋雁

TA貢獻1757條經驗 獲得超7個贊

var options = document.querySelector("[id^='car']").children;

var hideOption = ['233-jj2', '330-nbh']


for (var i = 0; i < options.length; i++){

    if(hideOption.indexOf(options[i].text) > -1){

        options[i].remove();

    }

}


查看完整回答
反對 回復 2024-01-18
  • 4 回答
  • 0 關注
  • 203 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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