1

jQueryUIにEricHyndsjquery APIを使用していますMultiSelect-ドロップダウンウィジェット

ジョブカテゴリを選択するドロップダウンが1つあります（複数選択）含まれているAPIスクリプトの効果を利用します。

ドロップダウンから選択するたびに、特定のカテゴリのジョブロールを検索するためにjQueryajaxリクエストを作成しています。また、これらのジョブロールをドロップダウンに表示して、jqueryAPIの複数選択効果を提供します。ただし、生成されたドロップダウンは、最初のドロップダウンとして複数のドロップダウンを有効にしません。生成されたドロップダウンのAPI呼び出しを初期化するなど、必要なすべてのことを実行しました。

コードは次のとおりです。

$(function(){
    $("#job_locations, #industries, #job_functions, #roll_list").multiselect({
        noneSelectedText: "Select an Option",
            selectedText: "# of # checked"
        }).multiselectfilter();
     });

#job_locations, #industries, #job_functionsAPIの効果を発揮しますが、生成されたドロップダウン#roll_listはその効果を発揮しません。このIDは<select>タグに付けられます

ここに画像の説明を入力してください

3番目のドロップダウンは効果に対応

していません生成された結果がすでにロードされたスクリプトの効果をキャッチしないようなものはありますか？

編集： ajax応答を印刷するために使用しているphpコード

$select=' <select id="roll_list" name="roll_list[]"   multiple="multiple">';
    foreach($array as $function_name=>$roll_array){
        $select.="<optgroup label='".$function_name."'>";
        foreach($roll_array as $index=>$roll_info){
            $select.="<option value='".$roll_info['role_id']."'>".$roll_info['role_name']."</option>";
                        }
        $select.="</optgroup>";
        }
    $select.="</select>";

    echo $select;

HTMLコード：

<select id="roll_list" name="roll_list[]" class="multi_select_dropdown" multiple="multiple" onchange="dispInventry();" style="width: 400px;">
<optgroup label="Customer Service/ Call Centre/ BPO">
<option value="14">Fresher</option>
<option value="15">Trainee/ Management Trainee</option>
<option value="16">Technical Support Executive ( voice)</option>
<option value="17">Technical Support Representative (Non- v)</option>
<option value="46">External Consultant</option>
</optgroup>
</select>

私は何か間違ったことをしていますか？これに取り組む方法は？必要に応じて、必要なすべてのコードを提供できます。
よろしくお願いします

4

1 に答える 1

1

作る

function create_mutisilect() {


    $("#job_locations, #industries, #job_functions, #roll_list").multiselect({
        noneSelectedText: "Select an Option",
            selectedText: "# of # checked"
        }).multiselectfilter();
    

}

それは別の機能であり、document.readyと

1.document.readyで呼び出します

2.ajax呼び出しの後に呼び出します

$(document).ready(function(){

create_mutisilect();//1


$.ajax({
  url: 'ajax/test.html',
  success: function(data) {
    $('.result').html(data);

ceate_mutisilect();//2

  }
});


});
于 2012-07-17T10:24:20.343 に答える