如何使用 Jquery 更改 Bootstrap 下拉列表中的选定项？答案

【问题标题】：How to change Bootstrap dropdown selected item with Jquery?如何使用 Jquery 更改 Bootstrap 下拉列表中的选定项？
【发布时间】：2017-03-01 04:07:07
【问题描述】：

我想用 jQuery 更改 Bootstrap 下拉项选择？我是 jQuery 的新手。我使用 foreach 循环从数据库中放入下拉列表数据。我有一个按钮。有“id”和“value”的。当我单击该按钮时，我想将我的引导下拉菜单“li”选定项更改为按钮的“vaule”和“id”。请帮助我。

<div class="dropdown" align="right">
    <input type="button" id="select_staff" class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown" value="<?php echo $cur_admin_name ?> ▼">
    <ul id="admin_cal_list" class="dropdown-menu dropdown-menu-right">
    <input type="hidden" id="admin_id" class="form-control">
        <?php foreach ($admin_name as $admin_list): ?>
            <li id="<?php echo $admin_list["interview_plan_staff_id"]; ?>"><a href="#"><?php echo $admin_list["interview_plan_staff_name"]; ?></a></li>
        <?php endforeach; ?>
    </ul>
</div>

【问题讨论】：

标签： javascript jquery html twitter-bootstrap

【解决方案1】：

像这样..

$(".dropdown-menu li a").click(function(){
  var selText = $(this).text();
  console.log( selText);
  $(this).parents('.dropdown').find('.dropdown-toggle').val(selText);
});

演示：http://www.bootply.com/EuFKxaQ2bO

【讨论】：

你的答案是下拉点击？但我想要的是在按钮上单击更改下拉值和 id。是这样吗？我是菜鸟。请解释一下。谢谢你的回答。
我在你的链接上测试过。但我想要的不是那样。谢谢你的回答。我想要的是，既有下拉菜单又有按钮。按钮内部有 value 和 id。单击按钮时，然后将该按钮的值添加到已选中的下拉列表中。
对不起，我不明白用例。

【解决方案2】：

我不确定我是否 100% 了解您想要做什么。为了清楚起见，您希望 li 更改为按钮的 id 和 value？如果是这样试试这个：

    $(".dropdown-menu li a").click(function(){
    document.getElementById("admin_cal_list").innerHTML = $(".dropdown-toggle").attr("id") + " " + $(".dropdown-toggle").attr("value");
});

演示：http://www.bootply.com/UphW5kYtwE

【讨论】：