使用原型JS删除具有特定值的选项

有了这个html:

<select id='someid'>
    <option value='0'>Value 0</option>
    <option value='1'>Value 1</option>
</select>

我怎样才能使用Prototype JS从选择字段中删除<option value='0'>Value 0</option>


你不需要Prototype JS来做到这一点。

通过索引删除选项:

var select = document.getElementById('someid')
select.removeChild(select.options[0])
<select id='someid'>
    <option value='0'>Value 0</option>
    <option value='1'>Value 1</option>
</select>

您可以使用选择器来获取具有特定值的选项,然后将其删除。 以下使用querySelector,但您也可以遍历所有选项并找到具有所需值的一个或多个选项,然后以相同方式删除它们。

function removeOption() {
  var optValue = document.getElementById('i0').value;
  var errorEl = document.getElementById('errorMessage');
  var optElement = document.querySelector('option[value="' + optValue + '"]');
  if (optElement) {
    errorEl.textContent = '';
    optElement.parentNode.removeChild(optElement);
  } else {
    errorEl.textContent = 'There is no option with value "' + optValue + '"';
  }
}
#errorMessage {
  background-color: white;
  color: red;
}
<select id='someid'>
    <option value='0'>Value 0</option>
    <option value='1'>Value 1</option>
</select>
<br>
Remove option with value: 
  <input id="i0">
  <button onclick="removeOption()">Remove option</button>
  <br>
  <span id="errorMessage"></span>
链接地址: http://www.djcxy.com/p/83081.html

上一篇: Remove Select Option with Specific Value Using Prototype JS

下一篇: How can I get html <option> tag's content with jQuery