web-dev-qa-db-ja.com

jQueryの複数選択ドロップダウンからすべての要素を選択解除する

次のように複数選択ドロップダウンがあり、オプション「テスト2」と「テスト3」を選択しました。

<select id="edit-rec" class="form-select" multiple="multiple" name="rec[]">
<option value="6012">Test 1</option>
<option value="8436">Test 2</option>
<option value="4689">Test 3</option>
<option value="6784">Test 4</option>
</select>

「すべて選択解除」というボタンがあります。このボタンをクリックすると、選択したすべてのアイテムの選択を解除する必要があります。この場合、以前に選択した「Test 2」と「Test 3」の項目は選択解除されます。

JQueryを使用してこれをどのように達成できますか？

jqueryclearmulti-select
27
Fero
$("#edit-rec option:selected").removeAttr("selected");
48
Chuck Norris

試してください-

$("#edit-rec > option").attr("selected",false);

デモ- http://jsfiddle.net/LhSBu/

14
ipr101

ラジオボタンをクリックすると、これを使用できます

$("#edit-rec  option").each(function(){

    this.selected=false;

});
6
M S

複数選択ドロップダウンリストからすべてのチェックされたオプションを削除します：

$（ '＃ddlTradeShow'）。multiselect（ "clearSelection"）;

6
SPnL
$("#edit-rec option:selected").removeAttr("selected");
4
Haim Evgi
$("#butt").click(function () {
    $("#edit-rec > option").removeProp("selected");
});

それは新しいjQueryバージョンで正しい

3
sunpietro

複数選択ドロップダウンですべてのオプションを選択解除するのに最も簡単な方法は、.val([])を使用することでした。

$("#select").val([]);
3
Maykonn

このような何かをすることができますJS Fiddleラジオボタンのクリックを設定するために http://jsfiddle.net/x5ck3/

$('#rdClear').click(

function() {
    $("#edit-rec option:selected").removeAttr("selected");
});
3
Chris

現在、APIによって直接提供される別の可能性があります。

$('#edit-rec').multiSelect('deselect_all');

正常に動作します。ここで、さらに多くのオプションを見つけることができます。 http://loudev.com/

0
Jean-Loup Becquet