jquery - ドロップダウンの現在選択されている値を表示する警告ボタン

Question

警告メッセージ/ウィンドウから説明を表示するオプションをユーザーに提供するボタンを作成しようとしています。フィールドの id を読み取って<select>(これがページ上の唯一のタグではないことに注意し<select>てください)、その値を使用して必要な情報を表示します。

現時点では、値が読み取られているかどうかを確認するためだけにテストしています。これは失敗です。

JavaScript コード

`function displayInfo() {
    var value = $'#soup :selected').val();
    alert(value);
}`

HTML コード

<div id="BOX2" style="display: none">
<select name="soup" id="soup">
    <option></option>
        <?php
        $result = mysql_query("SELECT * FROM survival_mode.soup_t");
        while($row = mysql_fetch_array($result)) {
            echo "\n\t\t\t\t\t\t<option value=\"{$row['soup_ID']}\">";
            echo $row['soup_name']."</option><br />";
        }
        echo "\n";
        ?>
</select>
<input type="button" value="view"
    onclick="displayInfo();" />
</div>