GeodanのDualListbox：選択したボックスにArrayListのデータを取り込む方法

Question

私は、選択されていないテスターとして片面を持つデュアルリストボックスでMVCアプリケーションを作成しています。テスターを選択すると、データをテーブルに保存しています。問題は、保存されたデータを「選択済み」ボックスにバインドする方法と、ユーザーの他のリストを「未選択」ボックスにバインドすることです。

データがJSONリクエストによってフェッチされ、レスポンスが配列リストであるため、タグ内の<option>タグで選択を使用することはできません。下記のコードをご覧ください。

「選択済み」ボックスに、JSON呼び出しでArrayListとして返されたデータを入力する方法。

<div id="dual-list-box" class="form-group row"> 
    @*<select name="Testers" id="emp" multiple="multiple" data-title="employees" data-source='@Url.Action("AddTesterLookup")' data-value="index" data-text="name"></select>*@ 
    <select id="emp" multiple="multiple" data-title="employees" name="name" value="@Model.name" data-source='@Url.Action("AddTesterLookup")' data-value="index" data-text="name"></select> 
</div> 

<script type="text/javascript"> 
    $('select').DualListBox(); 
</script> 

Answer 1

私はあなたがJSやPHPフレームワークを使用している場合は知っているが、最初の選択ボックスは、それが変わったのときにAjaxのクエリを実行するにはJavaScriptを使用すべきかということについてはありません。

これは、最初の選択ボックスの値を使用して、2番目の選択ボックスにjavascriptを挿入する要素を取得する必要があることを示します。

チェックこの例のように： Multiple html select and jquery ajax

Answer 2

あなたがfalseに設定されたデータ-JSONプロパティに持っています。 data-sourceプロパティを削除します。そして、ちょうど好きな入力を入力してください。

<select> 
    <option>..</option> 
    <option>..</option> 
</select>