JQuery 将所有 select 个选项 TEXT 移动到另一个 select

Question

如何将所有选项 TEXT 从一个 select 移动到另一个 select？有没有办法在第一个 select 中使用收集所有内容，然后将每个选项文本附加到另一个 select?

第一个select:

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

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

所以我想将文本（描述 ID）而不是 selectMajors 中 3 个选项的值移动到 selectedMajors.

Answer 1

当然是这样的：

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

见this working example

注意：根据您的要求，这只是将所有选项从一个复制到另一个，没有 value 属性。它不会注意选择的内容。我知道这可能不是您想要的。

HTH, -泰德

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>

JQuery 将所有 select 个选项 TEXT 移动到另一个 select

JQuery move all select options TEXT to another select

jquery

select

appendto