Twitter bootstrap 选择引导';以编程方式创建下拉菜单项
我们有一个Bootstrap3下拉菜单(标准组件),我们希望以编程方式更改所选项目。我们试图修改所选属性的数据,但更改不会反映在UI中Twitter bootstrap 选择引导';以编程方式创建下拉菜单项,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我们有一个Bootstrap3下拉菜单(标准组件),我们希望以编程方式更改所选项目。我们试图修改所选属性的数据,但更改不会反映在UI中 是否有标准的方法以编程方式修改引导下拉菜单中选择的项?使用jquery之类的工具 $('#item').on('selected', function(){ //do your changes... } 编辑: 必须有某种东西触发选择,例如当页面加载时: $(function() { $('#item').select(); }); 我也一直在寻找
是否有标准的方法以编程方式修改引导下拉菜单中选择的项?使用jquery之类的工具
$('#item').on('selected', function(){
//do your changes...
}
编辑:
必须有某种东西触发选择,例如当页面加载时:
$(function()
{
$('#item').select();
});
我也一直在寻找一种方法来做到这一点——我是完全失明还是文档完全跳过了这一点?最后我使用了相应链接元素的
.click()
方法
我的HTML如下所示:
<div class="dropdown">
<a href="#" id="dd-toggle" data-toggle="dropdown" class="dropdown-toggle">...</a>
<ul id="dd-ul" class="dropdown-menu user-menu">
<li><a href="#" id="dd-opt1" role="menu" value="opt1">...</a></li>
<li><a href="#" id="dd-opt2" role="menu" value="opt2">...</a></li>
<li><a href="#" id="dd-opt3" role="menu" value="opt3">...</a></li>
...
</ul>
</div>
如果要将值传递给函数,并且只想根据下拉列表中的文本值进行选择,请尝试以下操作:
function yourAutoSelectFunc(YourTextValue) {
$('#YourDropDownUL').find('li:contains("' + YourTextValue + '")').click();
}
你在找这样的东西吗:似乎恰恰相反。我需要修改该值,并使UI反映这些更改。这似乎是相反的。我需要修改该值,并使UI反映这些更改。@seba您能否更具体地说明您想要实现的目标。也许可以举个例子。呃。。。很难比这更具体。我有一个引导下拉菜单。我想要一段Javascript,它将选择菜单中的一个项目,就像是用户做的一样。但我想通过编程来实现。
function yourAutoSelectFunc(YourTextValue) {
$('#YourDropDownUL').find('li:contains("' + YourTextValue + '")').click();
}