我在尝试从选项代码中删除选项或隐藏第一个选项值时遇到问题。
您能帮我解决这个问题吗?
我有这个HTML代码
<select id="q_c_0_a_0_name">
<option value></option>
<option value="lastanem1">First Lastname</option>
<option value="lastname2">Second Lastname</option>
...
<option value="xxxxxxxxx">Other value</option>
</select>
我正在尝试删除选项或隐藏第一个选项,因为Ransack gem正在生成以下HTML代码:
<select id="q_c_0_a_0_name">
<option value="name"> Filter by Name</option>
<option value="lastanem1">Filter by First Lastname</option>
<option value="lastname2">Filter by Second Lastname</option>
...
<option value="xxxxxxxxx">Filter by Other value</option>
</select>
我尝试过此JQuery代码:
$(function(){
$("#q_c_0_a_0_name option[value=]").style.display = "none";
});
也尝试过此JQuery代码:
$(function(){
$("#q_c_0_a_0_name option[value=""]").style.display = "none";
});
您可以删除下面包含任何值的第一个选项。
$("#q_c_0_a_0_name").find("option").eq(0).remove();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="q_c_0_a_0_name">
<option value="name"> Filter by Name</option>
<option value="lastanem1">Filter by First Lastname</option>
<option value="lastname2">Filter by Second Lastname</option>
...
<option value="xxxxxxxxx">Filter by Other value</option>
</select>
使用:first
/ :first
:first-child
:first-child
尝试此代码
$("#q_c_0_a_0_name option:first").remove();
如果要删除第一个选项,请使用此
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="q_c_0_a_0_name">
<option value></option>
<option value="lastanem1">First Lastname</option>
<option value="lastname2">Second Lastname</option>
<option value="xxxxxxxxx">Other value</option>
</select>
如果要在选择框上单击后删除第一个选项,请使用此
$("#q_c_0_a_0_name option[value='name']").remove();