Javascript 提醒所选下拉列表项来自数据库的循环

我有一个使用select tag fetch from database的循环下拉列表。无论何时选择或更改“选择项”，我都要提醒值。但问题是它只会提醒选择项的第一行（橙色框）。如何进行每次选择是改变，它应该提醒值（蓝色框）

---

你能试试这个而不是演示功能吗

$('#select_price').on('change', function() {
    alert($(this).val());
});

---

将jQuery脚本编码到.js文件中。您可以使用

在前端调用它。在下面的编程中，事件是动态触发的：

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

如果

.text（）

不起作用，请尝试

.val（）

（代表问题作者发布解决方案）

---

它将组合所选选择的值。

代码已修订，缺少括号。请现在试试。它会触发警报。但是，当选择其他行时，仅警告第一行（橙色框）中的值。我是否需要区分每个循环id/名称？是的，因为还有其他id名称。谢谢。我已经找到了解决我问题的办法

$('#select_price').on('change', function() {
    alert($(this).val());
});

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

$( "select" ).change(function() {
var str = 0;
$( "select option:selected" ).each(function() {
  str += Number($(this).val());
});
$( ".cakoroi" ).text( str );}) .trigger( "change" );