动态添加选项选择是不可见的

问题描述：

我想将选项添加到空选择。
问题是，当我添加一个选项与jQuery或与JavaScript添加的选项不会出现我试图调试添加选项它实际上将其添加到HTML的功能，但我不能在网络上看到它网站动态添加选项选择是不可见的

的选择：

<select class="selectpicker" id="partners_id"> 
</select>

jQuery的：

$("#partners_id").append(('<option>', { 
    value:1, 
    text:'One' 
}))

答

试试这个。您忘记在追加功能中添加$。

$(document).ready(function(){ 
    $("#partners_id").append($('<option>', { 
     value:1, 
     text:'One' 
    })) 
})

追加使用按钮点击

$(document).ready(function(){ 
    $("#btn").click(function() { 
     $("#partners_id").append($('<option>', { 
      value:1, 
      text:'One' 
     })) 
    }); 
})

没有工作.... –

我相信你忘了添加文件准备好功能。添加更新的代码并尝试 –

@baselman这个解决方案确实工作 –

答

尝试在HTML和下次使用添加一个根选项append()方法：

<select class="selectpicker" id="partners_id"> 
    <option value="-">Root</option> 
</select>

的.append（）方法插入指定内容作为jQuery集合中每个元素的最后一个子元素

添加LAST

$("#partners_id").append("<option value='1'>One</option>");

或

$("#partners_id").append(
     $('<option></option>').val(1).html("one") 
    );

或添加FIRST，使用prepend()

的.prepend（）方法插入指定内容作为各元素的第一个子在jQuery集合中

$("#partners_id").prepend(
      $('<option></option>').val(1).html("one") 
     );

演示：http://jsfiddle.net/w7cgmy12/

我已经尝试了所有的东西，他们都在选择内添加了选项标签，但是选项并没有变为 –

尝试在html中添加一个根选项，或者使用'prepend（）'代替'append（）' –

没有工作，但我认为我发现了问题，我试图看到动态添加它并将其添加到HTML代码之间的区别，不同之处在于该选项添加到选择标签内，但它不会添加到下拉列表中当我们打开网站时产生的菜单，但我不知道为什么。 –

动态添加选项选择是不可见的

相关推荐