javascript - 如何使用 select 标签的 title 属性删除选中的选项

Question

我想删除所选的第一个选项，我已经选择了标签 id 和类，但问题是当我打开 different-2 事件和 类“r”的形式时，选择的类和 id 正在改变 的所选标记使用了不止一次不同的 3 表单下拉列表。

我想使用所选标​​签的标题属性删除所选选项。

如果有任何其他方法可以解决此类问题，请分享。

<select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="State*">
  <option value="">Select One </option>
  <option value="Michigan"> Michigan</option>
  <option value="Alabama"> Alabama</option>
  <option value="Alaska"> Alaska</option>
  <option value="Arizona"> Arizona</option>
  <option value="Arkansas"> Arkansas</option>
  <option value="California"> California</option>
  <option value="Colorado"> Colorado</option>
  <option value="Connecticut"> Connecticut</option>
  <option value="Delaware"> Delaware</option>
  <option value="Florida"> Florida</option>
  <option value="Georgia"> Georgia</option>
</select> 

我要删除

<option value="">Select One </option>

Answer 1

这里是如何在纯 JavaScript 中使用类和标题进行选择

window.onload=function() {
  var sel = document.querySelector("select.r[title='State*']");
  console.log(sel);
  sel.options[0]=null;
}

<select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="State*">
  <option>Please select State</option>  
  <option>option 1</option>
</select>  
<select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="NotState*">
  <option>Please select Not State</option>  
  <option>option 1</option>
</select>  

在 jQuery 中也是如此

$(function() {
  var $options = $("select.r[title='State*'] option");
  $options.eq(0).remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="State*">
  <option>Please select State</option>  
  <option>option 1</option>
</select>  
<select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="NotState*">
  <option>Please select Not State</option>  
  <option>option 1</option>
</select>