javascript - 如何使用 JQuery 显示下拉菜单中选定的值?

标签 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);
});

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

最佳答案

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

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

也许这对你有用?

关于javascript - 如何使用 JQuery 显示下拉菜单中选定的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28835535/

相关文章:

javascript - 通过选择缩略图 Javascript SDK 发布到墙上

javascript - 如何在javascript中一定数量的字符后的空格处拆分字符串?

javascript - 使用 AngularJS 自定义可过滤下拉菜单

jquery - 可以点击jquerydraggableparent开始拖动吗?

javascript - 在 html 文件中使用 JavaScript chop 变量

javascript - JQuery UI resizable不支持位置: fixed; Any recommendations?

jquery - 我的应用程序正在向我发送 JSON。如何获取该 JSON 并将 HTML 注入(inject)到页面中?

javascript - 有没有办法在最小化浏览器窗口大小的同时修复浏览器宽度/文档宽度? 3个

javascript - 使用 jQuery UI 制作具有可调整大小的列和可选择的行的表

javascript - 回调函数的一些值