javascript - 空の値なしですべての選択オプションを取得し、変更時にそれらを複製したい

Question

空の値なしですべての選択オプションを取得し、変更イベントでそれらを複製したい。これは可能ですか？

これは私のコードです:

 $(function() {
        $("#ddlSecurityQuestions1").change(function() {                     
        var index = $(this).val();
        $('#ddlSecurityQuestions2').empty();           
        $('#ddlSecurityQuestions1 option').clone().appendTo('#ddlSecurityQuestions2');            
        var otherDropDown=document.getElementById('ddlSecurityQuestions2');            
         otherDropDown.options.remove(index);             
      });
  });

Answer 1

これを試して：

$("#ddlSecurityQuestions1").change(function () {

    var $options = $(this).find('option').filter(function () {
        return this.value !== '';
    }).clone();

    $('#ddlSecurityQuestions2').empty();
    $options.appendTo('#ddlSecurityQuestions2');
});