使用JavaScript阻止下拉选项

Question

如何使用js阻止选项。以下是该网站的源代码：

只想阻止前2个值。

<select name="ctl00$cp$cbRodzajUslugi" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;ctl0‌​0$cp$cbRodzajUslugi\‌​&#39;,\&#39;\&#39;)&‌​#39;, 0)" id="cp_cbRodzajUslugi" style="width:200px;">
  <option selected="selected" value="-1"></option>
  <option value="708">National visa - others</option>
  <option value="1156">National visa - students</option> 
  <option value="1157">National visa - work</option> 
</select>

我想阻止708和1108值。如果有人为我编写代码会更好

Answer 1

使用属性equals选择器获取选项并更新disabled属性。

[].slice.call(document.querySelectorAll('#cp_cbRodzajUslugi [value="708"],#cp_cbRodzajUslugi [value="1108"]')).forEach(function(ele) {
  ele.disabled = true;
})

<select name="ctl00$cp$cbRodzajUslugi" onchange="javascript:setTimeout(&#39;__doPostBack(\&#39;ctl00$cp$cbRodzajUslugi\&#39;,\&#39;\&#39;)&#39;, 0)" id="cp_cbRodzajUslugi" style="width:200px;">
                                    <option selected="selected" value="-1"></option>
                                    <option value="708">National visa - others</option>
                                    <option value="1156">National visa - students</option>
                                    <option value="1157">National visa - work</option>                                    <option value="1108">National visa - work</option>
</select>