需要优化的解决方案，用于隐藏选择框选项

Need Optimized solution, for hiding the select box options

本文关键字：隐藏 选择 选项 用于 优化 解决方案      更新时间：2023-09-26
<select alt="cc" class="validate[required]" id="experience" name="experience">
   <option selected="selected" value="">option 1</option>
   <option value="5年以上">option 2</option>
   <option selected="selected" value="～5年未満">option 3</option>
   <option value="～3年未満">option 4</option>
   <option value="～1年未満" style="display: none;">option 5</option>
   <option value="～6ヶ月未満" style="display: none;">option 6</option>
   <option value="経験なし" style="display: none;">option 7</option>
</select>

我想隐藏最后3个选项，使用jquery，我喜欢

$j("#experience").find('option:eq(4)').css({display:'none'}).end().find('option:eq(5)').css({display:'none'}).end().find('option:eq(6)').css({display:'none'})

代码正在工作中发现，但我认为，它不是标准的方式，还是优化的解决方案，请给我标准的方式实现上述jquery代码。

小提琴

尝试在此上下文中使用:gt(n)选择器，

$j("#experience option:gt(3)").hide();
演示

使用jquery中的.slice() 

$("#experience").find('option').slice(3).hide();

相关文章：