2012-02-20 96 views
0

我打电话给jquery函数来清除按钮点击的所有输入字段,但我的要求是当你点击清除所有按钮时,它应该将我的下拉值重置为1索引而不是0索引。重置按钮点击下拉值

请让我知道我可以做到这一点。

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

这是我的按钮。

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

回答

0

试试这个:

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

这将在下拉列表中选择第二<option>。或者,如果你想为一个特定的下拉做到这一点:

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

首先要取消选择所有选项,然后筛选到了第二个选项,并选择它。

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

请注意,这适用于jQuery 1.7及更高版本,我相信。

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

在这里,我创建了一个清除按钮单击下拉列表的函数。现在,juzt复制粘贴完整的功能,然后juzt将其称为按钮单击。

0

JS:

$( '跨')点击(函数(){$( “#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/

0

以上答案都不对将工作如果默认选择的选项我不是第一个。实现此目的的最佳方法是在<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/

0
  1. 不要写在HTML文件中的JavaScript代码(的onclick删除)
  2. 使用这个js代码从列表中选择第二个值:

$('#BasicCaseStatus')。prop('selectedIndex',1);

A working example

0
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. 
0

使用此jQuery的 $( “#droplist”)空()。