0
请在我的页面上有几个下拉菜单。我试图改变选定的值,并且遇到了很大的问题。似乎没有任何东西可以触发这似乎是我的jQuery代码根本没有被调用,或者它的工作?下拉菜单选择值使用jQuery,Bootsrap
我将下拉列表嵌入到布局页面的mvc视图中。以前,我在下面的布局页面标题中添加了我的Java脚本代码。
<script type="text/javascript">
$(function(){
$(".dropdown-menu li a").click(function(){
$(".btn:first-child").text($(this).text());
$(".btn:first-child").val($(this).text());
});
});
</script>
下面是我的我的下降,由呈现在我的LayoutPage @RenderPage
<div class="btn-group">
<a class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown"> <span data-bind="label">Select a Country</span>
<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a href="#">United States</a></li>
<li><a href="#">Canada</a></li>
<li class="divider"></li>
<li><a href="#"><span class="glyphicon glyphicon-star"></span> Other</a></li>
</ul>
</div>
<div class="btn-group">
<a class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown"> <span data-bind="label">Select a State</span>
<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a href="#">Washingtong</a></li>
<li><a href="#">California</a></li>
<li class="divider"></li>
<li><a href="#"><span class="glyphicon glyphicon-star"></span> Other</a></li>
</ul>
</div>
我试图如图所示的问题Here,并没有成功,许多替代我的观点了。请问我哪里错了?任何帮助,将不胜感激
http://jsfiddle.net/52VtD/10309/这是一个工作问题 – 2015-02-12 08:55:51
@TarekNajem问题是我的Javascript代码不启动。代码由于某种原因没有被执行。 – 2015-02-12 09:17:21
打开Google Chrome控制台Ctl + Shift + J并检查错误。检查是否正确包含jquery库 – 2015-02-12 09:24:45