Question

我正在尝试创建一个按钮，为用户提供通过警报消息/窗口查看描述的选项。我尝试通过读取<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>

Answer 1

你真正需要的是：

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

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

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

给按钮一个ID可以使它更清洁。

Answer 2

您无需按所选属性对其进行过滤。只需在下拉选择器上调用val（）方法，即可在下拉列表中显示所选值。

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

警报按钮，显示当前所选的下拉列表值

2 个答案: