选择的 jquery 不工作动态 html 选项答案

【问题标题】：chosen jquery not working dynamic html options选择的 jquery 不工作动态 html 选项
【发布时间】：2014-08-26 13:34:05
【问题描述】：

我有两个选择下拉菜单，当我更改第一个选择时，onchange 函数将执行但选项未在选择的第二个下拉列表中更新。但是在原始选择中填充了选项。

Onchange 函数为第二次选择生成动态选项，当我检查元素原始选择更新时，选择的结果区域未更新。

我遵循以下代码。

 <select id="account" onchange="changePackage()">
 <select id="package">


  javascript
  $(select).chosen();

   $("#account"). on('change',function(){
    $("#package").trigger('chosen:updated');

【问题讨论】：

数据绑定正在工作，但是当我放置这样的代码时需要很长时间 function changePackage(){ var value = changePackageChosen(); if(value == true){ setTimeout(function(){ $("#package").trigger('chosen:updated'); },15000); } } function changePackageChosen(){ /* 绑定选项*/ return true;并且搜索也不适用于动态 html 内容（如 jsp foreach 选项）。 $(document).ready(function(){ $("select").chosen(); });

标签： jquery-chosen prototype-chosen

【解决方案1】：

如果我正确理解了您的问题，这应该会对您有所帮助。您只需要添加将在更新选择后执行的回调函数：

function changePackage(){
    changePackageChosen(function(success) {
        if(success) {
            $("#package").trigger('chosen:updated');
        }
    });
}

function changePackageChosen(callback){
    /* binding options*/
    callback(true);
}

【讨论】：