0

基準を 3 番目の選択に移動できるようにする 2 つの選択を持つ複数選択フォームを作成する方法を理解しようとしています。私は見ました：

http://www.quasipartikel.at/multiselect/

と

// http://www.erichynds.com/jquery/jquery-multiselect-plugin-with-themeroller-support/ (私は新しいので、1 つのリンクしか投稿できません... :-) )

しかし、どちらも実装したい2対1ではなく、1対1の選択のみを許可しているように見えます...

このようなもの：

<!-- user selects multiple values from this and the selected options are moved to third select onclick -->
<select id="select1" name="select1[]" multiple="multiple">
<option value="1">1</option>
<option value="1">1</option>
<option value="1">1</option>
<option value="1">1</option>
<option value="1">1</option>
</select>

<!-- user also selects multiple values from this and the selected options are moved to third select onclick -->
<select id="select2" name="select2[]" multiple="multiple">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
<option value="e">e</option>
</select>

<!-- this is the target for the previously selected options -->
<select id="target" name="target[]" disabled>
<!-- all of the selected options from select1 and select2 are placed here onclick -->
</select>

これは可能ですか？誰かが実際の例、またはこの種のことを説明するリンクを持っていますか?

4

2 に答える 2

1

「追加」のIDを持つボタンが必要です

選択して追加ボタンを押す

このコードをボタンに添付して

$('#add').click(function() {  
 return !$('#select1 option:selected,#select2 option:selected').appendTo('#target');  
});
于 2010-03-08T18:25:52.387 に答える
0

これをニーズに合わせて調整できる場合があります。

$(function() {
    $("#select1, #select2").change(function() {
        $("#target").append($(":selected", $(this)).remove());
    });
});

ドロップダウンから選択されたアイテムを見つけて削除し、ターゲット ドロップダウンに追加します。

于 2010-03-08T18:20:48.510 に答える