需要使用 JavaScript 选择所选下拉列表的文本

Question

我有一个包含值的下拉菜单。我有一个数组，其中包含与下拉值匹配的值列表。如果数组中存在下拉列表的文本选项的值，则它不应作为选项显示在下拉列表中。我被困在我应该使用的方法上。这是我到目前为止所拥有的。超文本标记语言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  }}

Answer 1

我以非常简单的方式提出了你的想法，如果你有任何问题请告诉我

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>

Answer 2

// 从下拉列表中删除 使用此代码从下拉列表中删除 e.removeChild(e.options[e.selectedIndex])

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

Answer 3

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>

Answer 4

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();

    }

}