javascript - 在 jQuery 选择器中转义方括号

Question

目前我有以下<select>框:

<select name="selectemail[]" multiple="true">
    <option value="email">test@email.com</option>
    <option value="name">Joe</option>
    <option value="date">2015</option>
</select>

在 Javascript 文件中，我有以下内容:

$("#add").click(function(){ 
    /* Note the square brackets below */
    $("[name=selectemail[]] option:selected").each(function(){
        $("#text").val($("#text").val() + $(this).text() + "\n"); 
    });
});

我正在尝试使传输 <select> 的内容成为可能框到 <textarea>通过选择需要转移的项目。

问题是我不知道如何转义 <select> 名称中的括号。我的 jQuery 选择器中的框。

Answer 1

解决方案是稍微更改您的选择框:

<select name="selectemail[]" multiple="true" id="myselect">

$('#myselect') 将选择列表框，但您可以使用此 jQuery 选择器来获取所选选项

$('#myselect :selected')

查看 working fiddle here 。

如果您确实想按名称进行选择，您还需要转义斜杠(因为它们位于字符串中)，因此您的选择器将是:

$("[name=selectemail\\[\\]] :selected")

我不会这样做有两个原因:

1. 通过 id 选择比通过属性选择快得多(我什至认为通过 CSS 选择比通过名称选择要快得多)。

2. 这对可读性来说太糟糕了