jQuery Flex Select - 如何设置选定的选项？答案

【问题标题】：jQuery Flex Select - How to set selected option?jQuery Flex Select - 如何设置选定的选项？
【发布时间】：2015-05-24 18:03:44
【问题描述】：

我在我的网络应用程序中使用flexselect 插件，效果很好，但现在我需要动态更改所选选项。在我的情况下，当另一个简单的选择发生变化时，我需要为我的 flex 选择设置不同的值。我试过用jQuery的val()函数，但是不行。

$("#flex_select").flexselect();
$('#my_select').change(function(){
  if($(this).find(":selected").val() == 10){
    $('#flex_select').val( '1' );
  }
});

有谁知道如何解决这个问题？

谢谢。

【问题讨论】：

标签： jquery select

【解决方案1】：

使用事件委托来附加事件。 Event delegation 允许我们将单个事件侦听器附加到父元素，该事件侦听器将为匹配选择器的所有后代触发，无论这些后代现在存在还是将来添加。

$(document).on('change','#my_select',function(){
   if($(this).find(":selected").val() == 10){
     $('#flex_select').val( '1' );
   }
 });

【讨论】：