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

时间:2017-02-24 14:07:15

标签: jquery html bootstrap-select

我正在尝试为空选择添加选项 问题是当我用jQuery或javascript添加选项时,添加的选项没有出现我试图调试添加选项的功能它实际上是将它添加到html但我在网站上看不到它< / p>

选择:

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

jquery:

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

2 个答案:

答案 0 :(得分:2)

试试这个。你忘了添加$ in append函数。

Uninstall...

使用按钮单击附加

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

答案 1 :(得分:1)

尝试在html中添加一个根选项,然后使用append()方法:

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

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

添加最后

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

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

或添加第一个,使用prepend()

  

.prepend()方法将指定的内容作为jQuery集合中每个元素的第一个子元素插入

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

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