javascript - 从数据库中警报选定的循环下拉列表项

我使用从数据库中获取选择标记来循环下拉列表。每当选择或更改选择项时，我都想提醒值。但是问题在于它只警告选择项的第一行（橙色框）。如何使每一个选择都改变，它应该警告值（蓝色框）？

<select id="select_price" name="select_price" class="form-control" onchange="demo()">
    <option value="">--- Please Select ---</option>
    <?php
        for ($countPrice=1; $countPrice<=10; $countPrice++) {
          echo "<option value='"; echo $countPrice; echo "'>";
          echo $countPrice;
          echo "&nbsp;&nbsp;( ";
          echo number_format((float)$countPrice*$row_display['price'], 2, '.', '');
          echo ")</option>";
        }
    ?>
</select>

这是onChange的jQuery

function demo() {
    alert($("#select_price").children("option").filter(":selected").val());
}

最佳答案

将jQuery脚本编码为.js文件。您可以使用<script>在正面对其进行调用。在下面的程序中，事件是动态触发的：

$(document).ready(function(){
    $("#select_price")
        .change(function () {
            $( "select option:selected" ).each(function() {
               alert( $( this ).text() );
            });
        });
});

如果.text()不起作用，请尝试.val()。