JQuery move all select options TEXT to another select

Question

Как я могу переместить все параметры TEXT из одного выбора в другой? Есть ли способ использовать собирать все в первом выборе, а затем добавлять каждый текст параметров к другому выбору?

первого выбор:

<select class="multiple" name="selectMajors" id="selectMajors" multiple="multiple"> 
    <option value="description">description id</option> 
    <option value="description">description id</option> 
    <option value="description">description id</option> 
</select> 

второго выбор:

<select class="multiple" name="selectedMajors" id="selectedMajors" multiple="multiple"> 
</select> 

Так что я хочу, чтобы переместить текст (описание идентификатора) не значение 3 вариантов в selectMajors Into selectedMajors.

Answer 1

Конечно что-то вроде этого:

$('#selectedMajors').append(
     $('#selectMajors').html() 
    ).find('option').removeAttr('value'); 

См this working example

примечание: согласно вашему запросу, это просто копирует все варианты от одного к другому, без значения атрибута. Он не обращает внимания на то, что выбрано. Я понимаю, что это не совсем то, что вы имели в виду.

НТН, -Ted

Answer 2

Я надеюсь, что это то, что вы ожидали.

$(document).ready(function() { 
 

 
    $("#copy").on("click", function() { 
 
    var copiedOptions = $("#toBeCopied option").removeAttr('value').clone(); 
 
    $("#copied").html(copiedOptions); 
 
    }) 
 

 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select name="toBeCopied" id="toBeCopied"> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
</select> 
 
<select name="copied" id="copied"></select> 
 
<button id="copy">copy</button>