使用空白選擇選項時出現JQuery異常

Question

我在使用jQuery的html select元素中選擇選項時遇到問題。下一個代碼演示我的問題：

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

而且我有簡單的html代碼選擇與選項值 - 「梅賽德斯奔馳」。當我運行我的腳本 - 我得到異常：

"Error: Syntax error, unrecognized expression: [value=mercedes mercedes] throw new Error("Syntax error, unrecognized expression: " + msg);"

當我刪除空白 - 一切正常。也許任何人都知道 - 如何解決它？在你選擇

Answer 1

把雙引號：

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

Answer 2

與百步的值應該在選擇被引用：

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

如果你從一個變量（最有可能），你應該做的這樣的：

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

Answer 3

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

重在

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

這是不是一個有效的選擇器。由於該值有空格，因此必須用引號括起來（如其他答案所示）。

從docs：

value: An attribute value. Can be either an unquoted single word or a quoted string.

如果這不是一個多選場，只需撥打.val：

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