Как скопировать <параметp> из одного <выберите> в другой?

Я использую двухсторонний мультивыбор, найденный здесь http://www.stevefenton.co.uk/cmsfiles/assets/File/twosidedmultiselect.html, и вам нужно добавить выбранные параметры в правой части мультиселектора в другой список выбора с помощью JQuery. Кто-нибудь должен был сделать это раньше и знает быстрый способ сделать это?

var selectedOptions = $("#myselect")[0].options; получат параметры, но как записать их на другой выбор?

Ответы

Ответ 1

var $options = $("#myselect > option").clone();

$('#secondSelectId').append($options);

Live DEMO

Ответ 2

<select multiple="true" class="multiselect1" name="myselecttsms1">
    <option value="1" rel="0" title="One">One</option>
    <option value="2" rel="1" title="Two">Two</option>            
    <option value="4" rel="3" title="Four">Four</option>
    <option value="5" rel="4" title="Five">Five</option>
    <option value="6" rel="5" title="Six">Six</option>
</select>

<select multiple="true" class="multiselect2" name="myselecttsms2" size="6">

</select>

<button class="add">Add</button>
<button class="addAll">Add All</button>
<button class="remove">Remove</button>
<button class="removeAll">Remove All</button>

JQuery

$('.add').on('click', function() {
    var options = $('select.multiselect1 option:selected').sort().clone();
    $('select.multiselect2').append(options);
});
$('.addAll').on('click', function() {
    var options = $('select.multiselect1 option').sort().clone();
    $('select.multiselect2').append(options);
});
$('.remove').on('click', function() {
    $('select.multiselect2 option:selected').remove();
});
$('.removeAll').on('click', function() {
    $('select.multiselect2').empty();
});

Пример тренировки

Ответ 3

Существует еще более простой способ сделать это:

var options = $("#myOldSelect").html();
$('#myNewSelect').html(options);

Это очень удобно, если вы хотите добавить новый вариант в DOM с уже включенными скопированными параметрами:

var options = $("#myOldSelect").html();
$("#domLocation").append("<select id='myNewSelect'>" + options + "</select");

Ответ 4

$('#cloneBtn').click(function() {
    var $options = $("#myselect > option").clone();
    $('#second').empty();
    $('#second').append($options);
    $('#second').val($('#myselect').val());
});

Используется для копирования значения и innerHTML. Лучше скопировать ключ, значение и OPTIONS.i.e. выбранное значение и параметры.