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

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

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