javascript - 空白を含むオプションを選択するとJQuery例外が発生する

Question

JQuery を介した html 選択要素の選択オプションに問題があります。次のコードは私の問題を示しています:

$('select[name="location"] option[value=' + 'mercedes mercedes' + ']').attr('selected', true);

そして、オプション値「mercedes mercedes」で選択するための単純なhtmlコードがあります。スクリプトを実行すると、例外が発生しました:

「エラー: 構文エラー、認識できない式: [value=mercedes mercedes] throw new Error( "構文エラー、認識できない式: " + msg );"

空白を削除すると、すべて問題ありません。たぶん誰でも知っています - どうすれば修正できますか？

Answer 1

オプションを引用符で囲みます:

$('select[name="location"] option[value="' + 'mercedes mercedes' + '"]')

Answer 2

$('select[name="location"] option[value=' + 'mercedes mercedes' + ']')

結果は

$('select[name="location"] option[value=mercedes mercedes]')

これは有効なセレクターではありません。値にはスペースがあるため、引用符で囲む必要があります (他の回答が示すように)。

ドキュメントから：

value: 属性値。引用符で囲まれていない単一の単語または引用符で囲まれた文字列のいずれかです。

これが複数選択フィールドでない場合は、次のように呼び出します.val。

$('select[name="location"]').val('mercedes mercedes');

Answer 3

ペースを含む値は、セレクターで引用する必要があります。

$('select[name="location"] option[value="mercedes mercedes"]');

変数からそれを取得する場合 (ほとんどの場合)、次のようにする必要があります。

$('select[name="location"] option[value="'+yourvariable+'"]');