使用jQuery选择器从选择列表中获取所选文本

Question

我正在尝试使用选择器从下拉列表中获取所选文本。如果我直接按名称引用下拉列表，则可以使用：

$('#aBigLongASP.NETWebformsGeneratedName_ddl_StateOfOption :selected').text()

然而，我尝试使用选择器仅使用名称的最后部分来选择下拉列表：

$('#select[id$='ddl_StateOfOption']) :selected).text();

但我似乎无法让它发挥作用。 Chrome开发人员工具会抛出以下错误：

  

SyntaxError：意外的标识符

有人能指出错误的位置吗？

Answer 1

试试这个：

$('select[id$="ddl_StateOfOption"] :selected').text();

您的代码存在一些问题：

// $('#select[id$='ddl_StateOfOption']) :selected).text();
//    ^           ^                 ^ ^          ^
//    |           |                 | |           \
//    |           |                 |  \            missing closing '
//    |           \                 /   shouldn't have )
//    \            should be " not '
//     You were selecting elements with id "select" rather than tag "select"

Answer 2

$("#select[id$='ddl_StateOfOption'] :selected").text();

尝试这个。