Javascript 如何使用jQuery清除SELECT输入中的所有选定项?
我认为这应该是相当容易的,但有点挣扎。。。我有一个Javascript 如何使用jQuery清除SELECT输入中的所有选定项?,javascript,jquery,html,Javascript,Jquery,Html,我认为这应该是相当容易的,但有点挣扎。。。我有一个SELECT输入元素,允许用户选择多个项目。我想为他们提供一种清除所有选定项目的机制,可能只是一个SPAN标记或类似的东西 无论如何。。。使用jQuery,我将如何清除SELECT输入元素上的选择,以便不选择任何项目。我尝试类似的方法 $("#my-Select").find('option').attr("selected","") ; 试试这个 <select id='select1' ></select> <
SELECT
输入元素,允许用户选择多个项目。我想为他们提供一种清除所有选定项目的机制,可能只是一个SPAN
标记或类似的东西
无论如何。。。使用jQuery,我将如何清除SELECT
输入元素上的选择,以便不选择任何项目。我尝试类似的方法
$("#my-Select").find('option').attr("selected","") ;
试试这个
<select id='select1' ></select>
<input type= 'button' value = 'Clear Selection' id = 'remove' />
$(document).ready(function() {
$('#remove').click(function() {
return $('#select1 option:selected').remove();
});
});
$(文档).ready(函数(){
$(“#删除”)。单击(函数(){
返回$('#select1选项:selected')。删除();
});
});
对于
函数,它获取/返回一个数组,因此您只需传入一个空数组即可清除选择,如下所示:
$("#selectID").val([]);
.试试:
//只需在选择之前放置#即可解决此问题。工作完美。
$(“#选择选项:选中”)。每个(函数(){
$(this).remove();//或其他任何内容
}); 这为我清除了所有选择的选项
$("#selectListName").prop('selectedIndex', -1)
选择列表看起来像
<select multiple='multiple' id='selectListName'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
1.
2.
3.
4.
只有这样对我有效:-
$("#selectid").find('option').attr("selected",false) ;
除此之外,您还可以使用:
$("#selectID").empty();
这几乎适用于DOM中的任何内容。这个解决方案对我很有效
$('#my-Select').val('').trigger('change');
这几乎适用于任何输入类型。请尝试:
$("#selectID").empty();
为我工作 这会不会删除所有选定的项目,而不仅仅是清除选定内容?@Deepu-它在每个主要浏览器中仍然有效…我会检查您的控制台,以获取用户脚本,可能正在加载一个冲突版本的jQuery.Nick,我想这样,当用户按下
重置为上一个按钮时,然后选择“上一步”。请建议我如何执行此操作。@GrijeshChauhan存储值数组,如var old=$('#selectId').val()
并通过$('#selectID').val(旧)将其还原代码>…只要在需要时保存,然后按按钮还原即可。明白了!!。。我是个网络新手。非常感谢。$(“#selectID”).val([])会稍微好一点,因为它不会不必要地创建新数组并实现相同的目标。请使用要选择的索引号选项。在我的例子中,第一个选项是“请选择”,因此我在我的例子中使用了$(“#selectListName”).prop('selectedIndex',0)。这将删除所有选择的所有选项,而不是选择的值。
$("#selectID").empty();