如何使用JQuery从下拉菜单中显示所选值?

时间:2015-03-03 15:25:29

标签: javascript jquery jquery-ui

我正在尝试使用jquery从下拉菜单中显示所选值。 jquery中的选项是动态加载的。

for(i=0;i<data.length;i++){
            $('.daysofWeek').append('<option>' + data[i].days  +'</option');
            }

现在我尝试使用以下代码显示所选的选项。

$('.daysofWeek').on("change" ,function() {
var daySelected= $('.daysofWeek').children("option:selected").text();
  alert(daySelected);
});

问题是显示屏会返回下拉列表中的第一个值以及所选的值。例如,如果所选值是星期一,那么它将返回SundayMonday。请指教。

1 个答案:

答案 0 :(得分:2)

看看这个jsfiddle http://jsfiddle.net/7vbs9eov/

我刚试过this.value,它提醒了我选择的选项。

也许这对你有用吗?