Javascript 引导选择添加项并选择它
我用的是Silvio Moreto的引导选择 在我的页面上,我有一个按钮,打开一个模式,其中有一个输入框,允许您向选择器添加一个项目。然后我想自动选择该项目,但我无法使其工作 我的密码是: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
$('#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>