选择的 JQuery 插件在更改期间获取下拉值答案

【问题标题】：Chosen JQuery Plugin get dropdown value during change选择的 JQuery 插件在更改期间获取下拉值
【发布时间】：2015-04-20 10:57:05
【问题描述】：

多选选择的 JQuery 插件

<script>
$(document).ready(function()
{
  $('select#cat').change(function()
  {
     alert($(this).val());
  });
});
</script>

我想要选定的值。但此警报未显示。

<select id="cat" name="cat" class="chosen-select ref-sel1" multiple>
 <option value="1">cat1</option> 
 <option value="2">cat2</option>
 <option value="3">cat3</option>                    
</select>

【问题讨论】：

#cat !== #category
抱歉发错了..现在也没有工作@jeroen
警报中显示什么？或者警报甚至没有出现？
警告框未出现@Peanut
尝试在您的浏览器中打开一个“开发者控制台”（如果您在Windows中工作，请在IE或Chrome中按F12，或者在Firefox上安装FireBug）并检查控制台中是否有任何条目

标签： jquery html jquery-chosen

【解决方案1】：

您的 javascript 错误。你有一些错位的花括号。尝试以下一个：

 $(document).ready(function()
{
  $('select#cat').change(function()
  {
     alert($(this).val());
  })
});

完整的脚本在这里：https://jsfiddle.net/jrh11mm4/4/

【讨论】：

@shruthi 查看我发布的链接。你确定它不工作吗？在 jsfiddle 中运行良好。
这适用于单选值，但我想要多选值@demostene
@shruthi 提供的链接正是您的 html，包括“多个”。

【解决方案2】：

如果您使用的是 Chosen 插件，则 select 元素会被 div 替换，因此您的 jQuery 检查不起作用。尝试研究 Chosen，看看如何获得选定的值。

我猜 CHosenJS 已经有了这个功能，对于多选框，它将选项转换为可移动标签。

【讨论】：

【解决方案3】：

根据jQuery documentation 中的示例，以下代码应该可以工作：

<script>
 $(document).ready(function()
 {
   $( "select" )
   .change(function () {
     var str = "";
     $( "select option:selected" ).each(function() {
       str += $( this ).text() + " ";
     });
     alert(str);
   });
 });
</script>

请注意，您必须遍历所有选定的项目，才能查看它们是否被选中。我不确定为什么您的警报没有显示，但如果它会显示它应该是空的。

【讨论】：

【解决方案4】：

试试这个：

 $(function() {
    $('#cat').change(function(e) {
        var selected = $(e.target).val();
        alert(selected);
   }); 
});

【讨论】：