如何在選擇項目時更改下拉菜單中的默認文本

我有一個引導下拉菜單，它具有「操作」作爲默認文本。當我點擊其中一個下拉項目時，我希望它被設置爲文本字段中的文本，但它不會。我如何獲取它，以便在選擇項目後設置可見文本。如何在選擇項目時更改下拉菜單中的默認文本

<div class="btn-group"> 
 
    <button type="button" class="btn btn-default">Action</button> 
 
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 
 
    <span class="caret"></span> 
 
    <span class="sr-only">Toggle Dropdown</span> 
 
    </button> 
 
    <ul class="dropdown-menu" role="menu"> 
 
    <li><a href="#">Active</a> 
 
    </li> 
 
    <li><a href="#">Not Listed</a> 
 
    </li> 
 
    </ul> 
 
</div>

來源

2015-04-15 user1186050

你有沒有包括所有喜歡的jquery.js等所需的JS和CSS文件？試試這個：http://jsbin.com/gafoci/1/edit?html,js,output –

您已經嘗試了傳統的選擇下拉？我相信這會實現你的目標。

<select> 
<option>Action</option> 
<option>Not Listed</option> 
</select>

來源

2015-04-15 19:21:55 bluevman

我會用jQuery來做。我確信有一種更有效的方法可以做到這一點，但是對於每個下拉項目，您只需創建一個可以更改按鈕文本的函數即可。

$(document).ready(function() { 

    $('#item1').on('click', function() { 
    $('#item0').text('Active'); 
    }); 

    $('#item2').on('click', function() { 
    $('#item0').text('Not Listed'); 
    }); 

});

Bootply：http://www.bootply.com/kYK0FAEDFz

來源

2015-04-15 19:30:47 SuperVeetz

如何在選擇項目時更改下拉菜單中的默認文本

回答

相關問題