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();