<select>を別の文字の後に追加<select>ダイアログ内にある

Question

ダイアログ内に<select>があります。私のコードを試してみると、どうして私の<select>が作成されないのですか？

 <select class="form-control agregation" name="agregation" id="select2"> 
     <option>Titres</option> 
     <option>Indicateurs</option> 
     <option>Catégories</option> 
     <option>Données 12 mois Glissante</option> 
     </select> 



     var Mytab = [ 
      "Données", 
      "Deplacement", 
      "Validation"    
     ]; 

     $("<select id='byOptions'>").appendTo("#select2"); 
     $.each(Mytab , function(value) { 
     $("#byOptions").append($("<option></option>") 
      .attr("value", value).text(value)); 
     }); 

何が悪いですか？

ありがとうございました！

Answer 1

Example Fiddle

使用insertAfter()

変更

$("<select id='byOptions'>").appendTo("#select2"); 

に

$("<select id='byOptions'>").insertAfter("#select2"); 

修正済み

$("<select id='byOptions'>").insertAfter("#select2"); 
$.each(Mytab , function(index,value) { 
       $("#byOptions").append($("<option></option>") 
       .attr("value", value).text(value)); 
});