Sao chép JQuery <select> phần tử

Question

Tôi muốn sao chép một đầu vào < chọn > trong HTML bằng cách sử dụng JQuery.
Tôi không chắc chắn làm thế nào để đi về nó, vì vậy tôi nghĩ rằng tôi muốn hỏi ở đây.

Đặc biệt quan tâm đến cách tốt nhất để ghi lại nó vào tài liệu.

yếu tố lựa chọn của tôi trông như thế này:

<select id="options"> 
    <option value="1">Opt 1</option> 
    <option value="2">Opt 2</option> 
    <option value="3">Opt 3</option> 
</select> 

Cảm ơn.

Answer 1

Xem: http://api.jquery.com/clone/

$('select#options').clone().attr('id', 'newOptions').appendTo('.blah'); 

appendTo (...) chỉ có một cách để chèn các yếu tố nhân bản. Có thể tìm thấy các phương pháp khác tại đây: http://api.jquery.com/category/manipulation/

Answer 2

jQuery có sẵn phương pháp clone. Có rất nhiều options để biết cách thêm phần tử nhân bản vào. Lựa chọn thích hợp phụ thuộc vào ứng dụng của bạn.

Answer 3

Làm thế nào về điều này?

<select id="options"> 
    <option value="1">Opt 1</option> 
    <option value="2">Opt 2</option> 
    <option value="3">Opt 3</option> 
</select> 

// nhắm mục tiêu

<select id="options2"> 
</select> 

$('#options').find('option').clone().appendTo('#options2'); 

Cảm ơn.

Answer 4

Chỉ có vấn đề với câu trả lời được chấp nhận là nếu lựa chọn của bạn có chứa các nhóm chọn lọc, chúng sẽ không được sao chép. Trong trường hợp đó, cách dễ nhất tôi tìm thấy là chỉ cần thực hiện điều này:

$('#options2').html($('#options').html()); 

Answer 5

bạn có thể tùy chọn attr được chọn đúng với thay đổi đã chọn, sau đó sử dụng bản sao là ok.

$("#options").off("change").on("change", function() { 
 
    var val = $(this).val(); 
 

 
    $(this).find("option[value=" + val + "]").attr("selected", true); 
 
});

$("#options").off("change").on("change", function() { 
 
    var val = $(this).val(); 
 

 
    $(this).find("option[value=" + val + "]").attr("selected", true); 
 
});