如何使用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下拉選定項？

回答

相關問題