から値をselect取得multipleし、Arrayusingに保存するボックスがありますJQuery。
次に、この内容を使用して別の選択ボックスArrayに入力する方法を知りたいoptionsです。
だから現在私はこれを持っています：
$('#addBtn').click(function(e){
e.preventDefault();
//Get the selected Items in the dropdown 1
var selected = new Array();
$('#compresult option:selected').each(function(){
selected.push($(this).val() + " " + $(this).text());//Add to Array
});
//Update contents of dropdown 2 with the Array
});
HTMLドロップダウンの私のは：
<select multiple="multiple" name="contributors[]" id="compresult">
<option value="0"></option>
<option value="3610">X</option>
<option value="3605">Y</option>
<option value="335">Z</option>
</select>
オプションXとYを選択するとselected、JSコード内の配列は次のように出力します。
Array [ "3610 X", "3605 Y" ]
次に、これらの値を使用して別のドロップダウンにデータを入力するにはどうすればよいですか？リスト機能タイプのものからADD / REMOVEを実装しようとしています。
編集：ドロップダウン2の期待される出力
<select multiple="multiple" name="dropdown2" id="compresult">
<option value="3610">X</option>
<option value="3605">Y</option>
</select>
ループ内にhtml文字列を作成するだけです。
$('#addBtn').click(function(e){
e.preventDefault();
//Get the selected Items in the dropdown 1
var drop2html = '';
$('#compresult option:selected').each(function(){
drop2html += '<option value="' + $(this).val() + '">' + $(this).text() + '</option>';
});
$('#drop2').html(drop2html);
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加