Question

我需要在提交表单后为selecteddown设置selectedindex = 0。我尝试过如下。

 $("#filterByName").prop('selectedIndex', 0);
 $("#filterByName").selectedIndex=0;
$("#filterByName").get(0).selectedindex=0;

但我无法实现。请告诉我如何在提交表单后重置下拉列表。

编辑： $（＆＃39;＃filterByName＆＃39;）[0] .selectedIndex .in我正在选择索引值。在sumit点击后我设置$（＆＃39;＃filterByName＆＃39;）[0] .selectedIndex = 0然后这个语句没有设置在点击event.assigning之后显示索引0，但为什么在UI中没有显示？

<span id="filterByNames"><%= Html.DropDownList("filterByName", new SelectList(Model.Names, "Name", "Name", Model.Name), 
                                new { onchange = "filterByName()" }) %></span>

请检查我的代码并告诉我如何在按钮点击后重置下拉列表选择索引？

Answer 1

<强> HTML

<select id="test">
    <option value="1">Test</option>
     <option value="2">Test2</option>
</select>

<强> Jquery的：

$('#test').val("2")

这是Fiddle DEMO

http://jsfiddle.net/z9hte/1

在你的情况下是这样的：

$("#filterByName").val("0");

Answer 2

提交表格后，您可以像这样使用

$('#submit').click(function(){

// after submit code

$('#filterByName option:selected').attr('selectedIndex',0);
return false;
});

Answer 3

您可以使用以下代码重置所有选择。

$('form select').each(function () {
    $(this).find('option').removeAttr('selected');
    $(this).find('option:first').attr('selected','selected');
});

Answer 4

只需你可以这样做

    $("#filterByName").val(0);

Answer 5

试试这个

$("#ddlList option:first-child").attr("selected","selected");

Demo: Fiddle

如何重置html中选定的索引下拉列表值？

5 个答案: