Question

我想删除所选的第一个选项，我选择了标签ID和类但问题是选中的类，当我打开不同的2事件和类＆＃34的形式时，id正在改变;所选标签的r＆＃34; 使用了不止一次不同的3下拉表格。

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

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

<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

您可以添加隐藏属性：

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

这将导致默认选择值，但您无法在下拉菜单中选择

示例：

＆＃13;
＆＃13;
<select name="DROPDOWN_735" class="r" id="DROPDOWN_735" title="State*"> <option value="" hidden>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>
＆＃13;
＆＃13;
＆＃13;

隐藏属性还可用于防止用户看到元素，直到满足其他条件（如选择复选框等）。

隐藏属性是HTML5中的新内容。

来源：http://www.w3schools.com/tags/att_global_hidden.asp

Answer 2

以下是如何在纯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中的Ditto

$(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>

Answer 3

在您的方案中，如果选择框的ID正在动态变化，那么您可以使用它的类名来实现这一点，如下所示

$(".r option[value='']").each(function() {
    $(this).remove();
});

如果你想使用ID删除它，那么你可以这样做..

$("#DROPDOWN_735 option[value='']").each(function() {
    $(this).remove();
});

或者

$("select option[value='']").each(function() {
    $(this).remove();
});

Answer 4

试试这个

$(document).ready(function() {
  $("select[title='State*'] option:first-child[value='']").remove();
})

 <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script>
<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> 

<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>

希望它会有用。

如何使用select标签的title属性删除所选选项

4 个答案: