在Jquery的对话框中添加<select>之后的另一个</select>

时间:2017-01-13 13:55:31

标签: jquery

我在对话框中有一个<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)); });

{{1}}

什么不好?

感谢您的帮助!

1 个答案:

答案 0 :(得分: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));
});