如何使用jQuery清除SELECT输入中的所有选定项?

mat*_*uma 28 html javascript jquery

我认为这应该相当容易,但有点挣扎...我有一个SELECT输入元素,允许用户选择多个项目.我想提供一种机制,让他们清除所有选定的项目,可能只是一个SPAN标签或类似的东西.

无论如何...使用jQuery,我如何清除SELECT输入元素上的选择,因此没有选择任何项目.

Nic*_*ver 78

在的情况下<select multiple>.val()函数取/返回一个数组,这样就可以在一个空数组简单地传递到清除选择,如下所示:

$("#selectID").val([]);
Run Code Online (Sandbox Code Playgroud)

你可以在这里测试一下.


rob*_*lem 8

这有助于我清除所有选择的选项..

$("#selectListName").prop('selectedIndex', - 1)

选择列表看起来像

$("#selectListName").prop('selectedIndex', -1)
Run Code Online (Sandbox Code Playgroud)

  • 使用索引号要选择的选项。在我的情况下,第一个选项是“请选择”,因此在我的情况下,我使用了$(“#selectListName”)。prop('selectedIndex',0)。 (3认同)

Dar*_*yev 6

尝试: // 只需在选择之前放置 # 即可解决此问题。工作完美。$("#select option:selected").each(function () { $(this).remove(); // 或其他任何 });


小智 6

这个解决方案对我有用......

$('#my-Select').val('').trigger('change');
Run Code Online (Sandbox Code Playgroud)

这几乎适用于任何输入类型。


Ste*_*eve 5

只有这个对我有用:-

$("#selectid").find('option').attr("selected",false) ;
Run Code Online (Sandbox Code Playgroud)