Twitter bootstrap 选择引导';以编程方式创建下拉菜单项

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(); }); 我也一直在寻找

我们有一个Bootstrap3下拉菜单(标准组件),我们希望以编程方式更改所选项目。我们试图修改所选属性的数据,但更改不会反映在UI中


是否有标准的方法以编程方式修改引导下拉菜单中选择的项?

使用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();
 }