Question

我想用jQuery更改Bootstrap下拉项目选择？我是jQuery的新手。我用foreach循环从数据库中下载了下拉列表数据。而且我有一个按钮。有＆＃34; id＆＃34;和＆＃34;价值＆＃34;。当我点击该按钮时，我想更改我的引导下拉列表＆＃39; li＆＃39;选中项目按钮＆＃34;＆＃34; vaule＆＃34;并且＆＃34; id＆＃34;。请帮助我。

<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>

Answer 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

Answer 2

我不确定我是否100％了解您的目标。为清楚起见，您希望li更改为按钮的ID和值？如果是这样，试试这个：

    $(".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

如何使用Jquery更改Bootstrap下拉列表选项？

2 个答案: