我需要一个下拉菜单,它将更改按钮的标签/像select
HTML中的标记一样进行切换。我怎么做?
添加一些代码进行澄清,尽管这样做不会有多大帮助。我知道如何使用Bootstrap制作下拉菜单。我知道如何制作HTML表单选择按钮。我要问的是如何将两者结合起来。这是我的下拉菜单代码:
<button type = "button" class = "btn btn-default dropdown-toggle" data-toggle = "dropdown">
Daily
<span class = "caret"></span>
</button>
<ul class = "dropdown-menu" role = "menu">
<li><a href = "#">Daily</a></li>
<li><a href = "#">Weekly</a></li>
<li><a href = "#">Monthly</a></li>
</ul>
但是使用该代码,更改选项后按钮的标签将不会更改。我知道是否要更改按钮的标签,必须将其设置为选择按钮。为了使其成为一个简单的选择按钮,我将必须这样做:
<select name="time_range">
<option value="daily">Daily</option>
<option value="weekly">Weekly</option>
<option value="monthly">Monthly</option>
</select>
但是我仍然想保留Bootstrap下拉菜单的外观。
Html
<div class="dropdown">
<button id="dropdown-button" class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" id="dropdownList">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
</ul>
</div>
jQuery的
$(document).ready(function() {
$('#dropdownList li').find("a").click(function(){
$('#dropdown-button').html($(this).html());
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句