jquery - リストの選択オプションが Jquery で設定されていない

Question

リストを選択:

<select id="Outcome#1" class="result" name="Outcome#@1">
                            <option value="x">Select</option>
                            <option value="4">Good</option>
                            <option value="3">Adequate</option>
                            <option value="0">Not Applicable</option>
                        </select>

Jクエリ

$("#Outcome#1").val("4");

上記の選択リストはDB呼び出しから動的に作成されており、JavaScriptもその場で作成されており、DBに存在する場合はvalが入力されています。

ただし、上記の例では、ドロップダウンはオプション 4 (良い) が選択済みに設定されていません。

私は、上記の JQuery のビットがこれを非常にうまく行うはずであるという印象を受けています。

また試した：（そして失敗した）

$("#Outcome1[value='4']").attr("selected", "selected");

何か案は？

Answer 1

属性の#はidメタ文字であるため、jQuery セレクターの一部としてエスケープする必要があります。

$('#Outcome\\#1').val("4");

これについては、 Selectors API ページの上部で説明されています。

Answer 2

セレクターは実際には、と-idの両方の属性を持つ要素を探していますが、これは不可能です。セレクター自体でそれをエスケープする必要があります。これを試してください。Outcome1#

$("#Outcome\\#1").val("4");

Answer 3

ハッシュサインをエスケープする必要があります

$("#Outcome\\#1").val("4");