删除select中的所有选项,但第一个

时间:2017-09-01 06:37:00

标签: jquery html

我正在使用nilASP.NET开发MVC 5 C#个应用

我想删除除第一个以外的所有选项。这是选择:

.NET Framework 4.7.

这是select:

<select data-productlistaction="/ProductionOrder/ProductionOrderData" id="ProductionOrderNameSelectId" name="ProductionOrders"> <option value="">Production Orders</option> <option value="ProOrd_001">ProOrd_001</option> </select>
cshtml

这是@Html.DropDownList( "ProductionOrders", new SelectList( Model.Select(x => new { Value = x, Text = x }), "Value", "Text" ), @Resources.ProOrdOverviewDropDownLabel, new { id = "ProductionOrderNameSelectId", data_productlistaction = @Url.Action("ProductionOrderData") } ) 删除所有选项,但第一个:

jQuery

但是当我这样做时,我得到了这个选择:

var selectList  = $("#ProductionOrderNameSelectId");
selectList('option:gt(0)').remove();

我做错了什么?

2 个答案:

答案 0 :(得分:2)

试试这段代码:

var selectList  = $("#ProductionOrderNameSelectId");
selectList.find('option').not(':first').remove();

这将查找选项,并删除除第一个

之外的所有选项

也不确定target

target.selectList('option:gt(0)').remove();引用的内容

var selectList  = $("#ProductionOrderNameSelectId");
selectList.find('option').not(':first').remove();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select data-productlistaction="/ProductionOrder/ProductionOrderData" id="ProductionOrderNameSelectId" name="ProductionOrders">
   <option value="">Production Orders</option>
   <option value="ProOrd_001">ProOrd_001</option>
</select>

答案 1 :(得分:2)

这有效:

var selectList  = $("#ProductionOrderNameSelectId");
selectList.find('option:gt(0)').remove();

或者你可以:

selectList.find('option:not(:first-child)').remove();
相关问题