1

我正在尝试创建一个按钮，让用户可以选择通过警报消息/窗口查看描述。我尝试通过读取<select>字段的 id 来做到这一点（请记住，这不是<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>
4

2 回答 2

2

您真正需要的是：

var $soup = $('#soup');

$soup.next().on('click', function() {
    var val = $soup.val();
    alert( val );
});

select 将与 selected 选项具有相同的值，并且不需要内联事件处理程序。

给按钮一个 ID 会让它更干净一些。

于 2013-04-30T20:15:53.213 回答
0

您不需要按所选属性对其进行过滤。只需在下拉选择器上调用 val() 方法即可为您提供下拉列表中的选定值。

function displayInfo() {
   var value = $('#soup').val();
   alert(value);
}
于 2013-04-30T20:16:52.530 回答