我目前正在尝试制作一个下拉菜单,从菜单中选择其中一个链接将更改隐藏值以及超链接的文本。这是基于 Twitter 的 Bootstrap 下拉菜单,并使用 jQuery:
<div id="periodChooser" class="btn-group">
<input type="hidden" value="1" name="dtype" id="dtype1"></input>
<a data-toggle="dropdown" href="javascript:;">Weekend</a>
<ul class="dropdown-menu">
<li><a href="javascript:;" data-value="1">Weekend</a></li>
<li><a href="javascript:;" data-value="2">Week</a></li>
<li><a href="javascript:;" data-value="3">Midweek</a></li>
</ul>
</div>
我尝试编写的脚本如下:
<script>
jQuery(function($){
$('#periodChooser').each(function() {
$('.dropdown-menu a').click(function() {
$('.btn-group').find('input[type=hidden]').val($(this)
.data('value')).change();
$('.btn-group').find('.btn:eq(0)').text($(this).text());
});
});
});
</script>
不幸的是,虽然它没有返回任何特定错误,但代码不起作用。有什么建议么?