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复制粘贴完整的功能，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()
});

演示：http://jsfiddle.net/KS6Yh/

Answer 6

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

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

A working example

Answer 7

be it in jquery or javascript :-

$('#idname').html(null); or 
document.getElementById('#idname').selectedIndex = 0;  or 
document.getElementById('#idname').selectedIndex = -1;  

the options hasn't worked for me in dynamic dropdown list. so, i have tried

$('#idname').val("")       

try oneself for good results.

Answer 8

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

Answer 9

我认为最优雅的解决方案是

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

单击按钮时重置下拉值

9 个答案: