我有一个包含值的下拉菜单。我有一个数组，其中包含与下拉值匹配的值列表。如果数组中存在下拉列表的文本选项的值，则它不应作为选项显示在下拉列表中。我被困在我应该使用的方法上。这是我到目前为止所拥有的。超文本标记语言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>
HUX布斯
TA贡献1876条经验 获得超6个赞
// 从下拉列表中删除 使用此代码从下拉列表中删除 e.removeChild(e.options[e.selectedIndex])
您也可以使用 e.selectedOptions[0].remove()
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>
长风秋雁
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();
}
}
添加回答
举报
0/150
提交
取消