jquery 单击按钮时重置下拉值

mzaanser  于 2023-01-30  发布在  jQuery
关注(0)|答案(9)|浏览(279)

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

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

这是我的扣子。

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

smtd7mpg1#

试试这个:

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

它将选择下拉列表中的第二个<option>。或者如果你想对一个特定的下拉列表这样做:

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

bxfogqkk2#

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

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

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

5w9g7ksd

5w9g7ksd3#

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

在这里,我创建了一个函数,用于在单击按钮时清除下拉列表。现在,juzt复制粘贴完整的函数,并在单击按钮时调用它。

weylhg0b

weylhg0b4#

日本:
$('span '). click(函数(){$("#基本案例状态"). val(1);});
网址:

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

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

4ngedf3f

4ngedf3f5#

如果默认选择的选项不是第一个,以上的答案都不会起作用。实现这一点的最好方法是在<form>标签中 Package 一个选择下拉列表,并调用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/

eaf3rand

eaf3rand6#

1.不要在HTML文件中写入javascript代码(Remove onclick)
1.使用此js代码从列表中选择第二个值:
$(“基本案例状态”).prop(“选定索引”,1);
A working example

rdrgkggo

rdrgkggo7#

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

sgtfey8w8#

在JQuery $(“#droplist”).empty()中使用此函数;

u91tlkcl

u91tlkcl9#

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

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

相关问题