Twitter bootstrap 如何显示下拉菜单的选定文本并从字符串数组中动态填充它？

我有一个使用twitter引导的下拉菜单。我想-

a） 从我从数据库获取的字符串数组中动态填充它。

b） 显示下拉列表中选定的文本，替换默认的下拉文本。

我该怎么做

我当前的下拉菜单代码如下：

 <div class="btn-group" role="group">
     <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
            Dropdown
  <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu">
          <li><a href="#">Link 1</a></li>
          <li><a href="#">Link 2</a></li>
        </ul>
    </div>

下拉列表

这里有一个例子。我假设字符串数组可用于javascript/jQuery

$(document).ready(function(){
    var myData = ['Option 1','Option 2','Option 3','Option 4'], //your array
        myItemList = $('#myDropdown .dropdown-menu');//ref to dd list 

    //clear contents of existing dropdown
    myItemList.html('');

    //iterate array and create dropdown links
    $(myData).each(function(index, element){
        var item = ('<li><a href="#">'+element+'</a></li>');
        myItemList.append(item);
    });


    //handler to change the text of the dropdown button
    $('#myDropdown').on('click', 'a', function(e){
        var setText = $(e.currentTarget).text(),
            newHtml = setText + '&nbsp;<span class="caret"></span>';
        $('#myDropdown > button').html(newHtml);
    });
});

$（文档）.ready（函数（）{
var myData=['Option 1'、'Option 2'、'Option 3'、'Option 4']，//您的数组
myItemList=$（“#myDropdown.dropdown menu”）；//引用dd列表
//清除现有下拉列表的内容
myItemList.html（“”）；
//迭代数组并创建下拉链接
$（myData）。每个（函数（索引、元素）{
变量项=（“
”）；
myItemList.append（项目）；
});
//处理程序更改下拉按钮的文本
$（'#myDropdown'）。在（'click'，'a'，函数（e）上{
var setText=$（e.currentTarget）.text（），
newHtml=setText+''；
$（'#myDropdown>button'）.html（newHtml）；
});
});

嗯,

---

-Ted

请不要简单地投反对票。请提供帮助，或者如果您需要更多详细信息，请询问。您如何检索数据？您熟悉javascript或jquery吗？我可以想象它被否决仅仅是因为它是一个非常基本的问题，缺少了提供答案或帮助所需的大量相关信息。我在java文件中有一个方法，在调用时从数据库中获取一些值的列表。我正在考虑使用一个动作将其链接到我上面的代码，但我一直在思考如何动态填充我的下拉菜单。在包含上述代码的jsp文件中，有没有一种方法可以做到这一点？我不熟悉jsp，但假设javascript可以使用该数组，那么就相当简单了。您使用的是bootstrap，这意味着您已经包含了jQuery，这可以使它快速工作。我可以做一把小提琴…但是在我的jsp页面中，在哪里以及如何准确地将它与我的代码放在一起？这就是我变得不那么有用的地方。。。所有这些都需要包装在doc ready函数中：

$（document.ready（function（）{the code here}），但我对jsp不够熟悉，无法告诉您html脚本应该放在哪里。我编辑了答案，添加了doc-ready功能，您可能会找到帮助谢谢您的帮助。我一定会查一查。