单击按钮时重置下拉值

Question

我正在调用一个jquery函数来清除我在按钮点击时的所有输入字段，但我的要求是当你点击清除所有按钮它应该将我的下拉值重置为1索引而不是0索引。

请告诉我如何才能做到这一点。

function ClearAll() {
    $("#BasicCaseStatus").val(1); // This is my dropdown
}

这是我的按钮。

<a href="#"  id="SearchClear" onclick="ClearAll()" class="clearallLink" >Clear All</a>

Answer 1

试试这个：

$('select option:eq(1)').prop('selected', 'selected')​​​;​

它将在下拉列表中选择第二个<option>。或者，如果您想为特定下拉列表执行此操作：

$('#BasicCaseStatus option:eq(1)').prop('selected', 'selected')​​​;​

Answer 2

首先，您要取消选择所有选项，然后过滤到第二个选项并选择它。

$('a.clearallLink').on('click', function() {
    $('#BasicCaseStatus option').prop('selected', false).eq(1).prop('selected', true);
});

请注意，这适用于jQuery 1.7及其后续版本。

Answer 3

function dropdown_clear()
    {
        $('#dropdownlist').html(null);
    }

在这里，我创建了一个清除按钮单击下拉列表的功能。现在，juzt复制粘贴完整的功能，并在按钮点击上调用它。

Answer 4

JS：

$（'span'）。click（function（）{$（“＃BasicCaseStatus”）。val（1）;}）;

HTML：

<select id="BasicCaseStatus">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<span>Clear All</span>

链接：http://jsfiddle.net/J5EE7/

Answer 5

上述答案都不起作用如果默认选择的选项不是第一个。实现此目的的最佳方法是在<form>标记中包含选择下拉列表并调用reset（）函数。

<form id='frm'>
<select id="BasicCaseStatus">
<option>1</option>
<option selected>2</option>
<option>3</option>
</select>

<span>Clear All1 | </span>
</form>

$('span').click(function(){  
  $('form')[0].reset()
});

但是：ぁzxswい

Answer 6

1. 不要在HTML文件中编写javascript代码（删除onclick）
2. 使用此js代码从列表中选择第二个值：

$（'＃BasicCaseStatus'）。prop（'selectedIndex'，1）;

http://jsfiddle.net/KS6Yh/

Answer 7

A working example

Answer 8

将此用于JQuery $（“＃droplist”）。empty（）;