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

我想改变Bootstrap下拉项选择与jQuery？我是jQuery中的新手。我使用foreach循环从数据库中提取下拉列表数据。我有一个按钮。有“身份证”和“价值”。当我点击那个按钮时，我想改变我的引导下拉菜单'li'选中的项目到它的按钮的“vaule”和“id”。请帮助我。如何使用Jquery更改Bootstrap下拉选定项？

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

来源

2017-03-01 Kyaw Zin Wai

这样的..

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

来源

2017-03-01 04:10:49 ZimSystem

你的回答是下拉点击？但我想在按钮上单击更改下拉值和ID。是吗？我是小白。请解释我。感谢您的回答。 –

我在你的链接上测试过它。但我想不是那样的。谢谢你的回答。我想要的是，有下拉和按钮。该按钮的内部有值和id。点击按钮后，将该按钮的值添加到选中的下拉列表中。 –

对不起，我不明白这个用例。 – ZimSystem

我不知道我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

来源

2017-03-01 04:54:36

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

回答

相关问题