Javascript 引导选择添加项并选择它

Javascript 引导选择添加项并选择它,javascript,jquery,twitter-bootstrap,bootstrap-select,Javascript,Jquery,Twitter Bootstrap,Bootstrap Select,我用的是Silvio Moreto的引导选择 在我的页面上,我有一个按钮,打开一个模式,其中有一个输入框,允许您向选择器添加一个项目。然后我想自动选择该项目,但我无法使其工作 我的密码是: $('#myselect').append('<option val="'+newitemnum+'">'+newitemdesc+'</option>'); $('#myselect').val(newitemnum); $('#myselect').selectpicker('re

我用的是Silvio Moreto的引导选择

在我的页面上,我有一个按钮,打开一个模式,其中有一个输入框,允许您向选择器添加一个项目。然后我想自动选择该项目,但我无法使其工作

我的密码是:

$('#myselect').append('<option val="'+newitemnum+'">'+newitemdesc+'</option>');
$('#myselect').val(newitemnum);
$('#myselect').selectpicker('refresh');
但这也不起作用


任何非常受欢迎的想法(尽管该项目会添加到选择器中)。

您有一个输入错误。而不是:

$('#myselect').append('<option val="'+newitemnum+'">'+newitemdesc+'</option>');

要在
引导选择器选择器
中动态添加
选项
选项
附加到
选择
刷新
选择器

$(文档)。在('click','#addOptions',function()上{
var newitemnum=Math.floor(Math.random()*100)+1;
var newitemdesc=“Item”+newitemnum;
//附加选项以选择
$('#myselect')。追加(''+newitemdesc+'');
//使用“新建”选项设置“选择”值
$(“#myselect”).val(newitemnum);
//刷新选择器选择器
$(“#myselect”).selectpicker(“刷新”);
});

解剖
麻醉
生物化学
社区医学部
皮肤病科
耳鼻喉科

添加
它正在搜索和多选selectpiker上工作:

 <select id="mySelect" class="selectpicker show-menu-arrow" multiple data-live-search="true" title="Persons"
            data-selected-text-format="static" data-actions-box="true">
 </select>


<script>
        $(document).ready(function () {
            for (let i = 0; i < 20; i++) 
                $("#mySelect").append(
                    `<option value="${i}">person ${i}</option>`
                );
            
            $("#mySelect").selectpicker("refresh");
            $('.bs-select-all').html("All");
            $('.bs-deselect-all').html("Nothing");
        });
    </script>

$(文档).ready(函数(){
for(设i=0;i<20;i++)
$(“#mySelect”).append(
`个人${i}`
);
$(“#mySelect”).selectpicker(“刷新”);
$('.bs全选').html(“全选”);
$('.bs取消选择全部').html(“无”);
});

根据,您的第二个代码段应该会产生预期的结果。在运行该语句后,它是否在控制台中显示任何错误消息?完全没有,它将值添加到selectpicker,但只是没有选择它-它默认为“nothing Selected”。如果上述所有解决方案都不起作用,请仔细检查选择器是否有效,例如:console.log($(“#myselect”);如果没有,您的选择id可能有问题。太棒了!就这样!脸掌!当然,令人惊讶的是,其他人在看你的代码时,竟然能发现你已经搜索了几个小时的一些明显的东西(val而不是值)。非常感谢:)它在可搜索的selctpiker中运行吗?
$('#myselect').append('<option value="'+newitemnum+'">'+newitemdesc+'</option>');
$("#myselect").append('<option value="'+newitemnum+'">'+newitemdesc+'</option>');
$("#myselect").val(4);
$("#myselect").selectpicker("refresh");
$("#myselect").append('<option value="'+newitemnum+'" selected="">'+newitemdesc+'</option>');
$("#myselect").selectpicker("refresh");
 <select id="mySelect" class="selectpicker show-menu-arrow" multiple data-live-search="true" title="Persons"
            data-selected-text-format="static" data-actions-box="true">
 </select>


<script>
        $(document).ready(function () {
            for (let i = 0; i < 20; i++) 
                $("#mySelect").append(
                    `<option value="${i}">person ${i}</option>`
                );
            
            $("#mySelect").selectpicker("refresh");
            $('.bs-select-all').html("All");
            $('.bs-deselect-all').html("Nothing");
        });
    </script>