Question

可能重复：
Copy option list from dropdownlist. JQuery

在Jquery中，如何将一个下拉列表的选项复制到另一个下拉列表？

Answer 1

您可以这样做：

$('#destination').html($('#source').html());

或

$('#destination').append($('#source').html());

$('something').html()从元素中获取html。

$('something').html('something')用新的html替换元素中的当前html。

$('something').append('something')将新的html放在元素中旧html的末尾。（这不会取代）。

Answer 2

我咬了。

$('#two').append($('#one').html());

http://jsfiddle.net/CvJbv/

Answer 3

试试这个：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<select id="select_1">
 <option>1</option>
 <option>2</option>
</select>

<select id="select_2">
 <option>A</option>
 <option>B</option>
</select> 

<button onclick="javascript:CopyLists()">Copy Lists</button>

<script type="text/javascript">
 function CopyLists()
 {
  var list1 = $('#select_1');
  var list2 = $('#select_2');
  list2.find('option').remove();
  list1.children().each(function () {
    list2.append($("<option></option>").
      attr("value",$(this).val()).
      text($(this).text()));
  });
 }
</script>

Answer 4

使用jQuery的.html（）（http://api.jquery.com/html/）获取第一个元素的内容，并再次使用它来写入第二个元素的内容。像这样：

$（ '＃options_2'）HTML（$（'＃options_1）的.html（））;

其中：

<pre>
<ul id="options_1">
<li>1</li>
<li>2</li>
</ul>

<ul id="options_2">
<li></li>
</ul>

我也同意你应该考虑为以前的一些问题提供答案。

如何使用jquery将一个下拉列表的选项复制到另一个下拉列表中

4 个答案: