jquery - 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();

これを試してください。