jquery - jqueryで特定の複数選択リストをターゲットにする

Question

リストの最初のフィールドをクリックして、選択したすべての項目をクリアできる複数選択リストを作成しようとしています (これは空の値、つまり "" です)。

私はこのjqueryを使用しています：

    $("#States").change(function () {
    var sValue = $(this).val();
    if (sValue == "") {
        $(" option:selected").removeAttr("selected");
    }
    return false;       
});

問題は、これにより、他のすべての複数選択リストボックスの項目も選択解除されることです。特定のリストをターゲットにするにはどうすればよいですか? （おそらく非常に単純な質問ですが、これはjqueryへの私の最初の進出です）。

score 1 · Accepted Answer

使用できます$(selector, context)。

$("option:selected", this).prop("selected", false);

注：val複数の選択要素のメソッドは、文字列ではなく配列を返すため、配列を空の文字列と比較しています。

score 1 · Accepted Answer

$(this)選択したすべてのオプションをターゲットにする代わりに、次を使用します。

$("option:selected", this).prop("selected", false);

score 1 · Accepted Answer

コンテキストをセレクターに追加します。下記参照、

$("option:selected", this).removeAttr("selected");

jQuery の最新バージョンを使用.propしている場合に使用します。詳細については、他の回答を参照してください。

score 1 · Accepted Answer

使用している要素を参照する必要があります。

if (sValue == "") {
    $('option:selected', this).removeAttr("selected");
}

score 0 · Accepted Answer

次のコードが機能すると思います。

$("#States").change(function () {
    var sValue = $(this).val();
    if (sValue == "") {
        $(this).find("option:selected").removeAttr("selected");
    }
    return false;       
});

score 0 · Accepted Answer

jQuery セレクターを拡張することで、さらにターゲットを絞ることができます。

$("#States option:selected").removeAttr("selected");

jquery - jqueryで特定の複数選択リストをターゲットにする

6 に答える 6

Related

Reference