我如何删除没有价值的选项?

问题描述 投票:0回答:4

我在尝试从选项代码中删除选项或隐藏第一个选项值时遇到问题。

您能帮我解决这个问题吗?

我有这个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";
});  
javascript jquery html ransack
4个回答
1
投票

您可以删除下面包含任何值的第一个选项。

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

1
投票

使用:first / :first

:first-child
:first-child

0
投票

尝试此代码

$("#q_c_0_a_0_name option:first").remove();

0
投票

如果要删除第一个选项,请使用此

<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();
© www.soinside.com 2019 - 2024. All rights reserved.