JQuery Multiselect из двух выбирает в одном?

Question

Я пытаюсь выяснить, как создать форму множественного выбора, которая имеет два выбора, которые позволяют вам переместить критерии в третий выбор. Я взглянул на:

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

и

// http://www.erichynds.com/jquery/jquery-multiselect-plugin-with-themeroller-support/ (Я новичок, поэтому могу опубликовать только одну ссылку ... :-))

но они оба выглядят так, как будто они допускают только один к одному, а не два к одному, которые я хотел бы реализовать ...

Примерно так:

<!-- 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>

Возможно ли это? У кого-нибудь есть рабочий пример или ссылка, которая иллюстрирует подобные вещи?

Answer 1

Вам нужна кнопка с идентификатором «добавить»

сделать выбор нажатием кнопки добавления

с этим кодом, прикрепленным к кнопке

$('#add').click(function() {  
 return !$('#select1 option:selected,#select2 option:selected').appendTo('#target');  
});

Answer 2

Вы можете адаптировать это к вашим потребностям:

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

Находит выбранный элемент из раскрывающегося списка, удаляет его и добавляет к целевому раскрывающемуся списку.