jQuery Flex Select - 如何设置所选选项？

Question

我正在使用flexselect我的网络应用程序中的插件，效果很好，但现在我需要动态更改所选选项。就我而言，当另一个简单的选择发生更改时，我需要设置不同的 Flex 选择值。我尝试使用 jQuery 的 val() 函数，但不起作用。

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

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

谢谢。

Answer 1

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

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