如何在选择项目时更改下拉菜单中的默认文本

我有一个引导下拉菜单，它具有“操作”作为默认文本。当我点击其中一个下拉项目时，我希望它被设置为文本字段中的文本，但它不会。我如何获取它，以便在选择项目后设置可见文本。如何在选择项目时更改下拉菜单中的默认文本

<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

如何在选择项目时更改下拉菜单中的默认文本

回答

相关问题