我有一个来自bootsrap主题的下拉列表,但是我似乎无法使用jQuery从中检索值。
<label class="col-lg-2 control-label">Type</label>
<div class="col-lg-10">
<div class="btn-group m-r">
<button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">
<span class="dropdown-label">Offices</span>
<span class="caret"></span>
</button>
<ul id="selType" class="dropdown-menu dropdown-select">
<li class="active"><a href="#"><input type="radio" name="d-s-r" value="Offices">Offices</a></li>
<li class=""><a href="#"><input type="radio" name="d-s-r" value="Warehousing">Warehousing</a></li>
<li class=""><a href="#"><input type="radio" name="d-s-r" value="Retail">Retail</a></li>
</ul>
</div>
</div>
活动类别指示所选值。但是当我做这样的事情时似乎不起作用。
var Type = $('ul#selType li.selected').text();
var Type = $('ul li.active a input').text();
var Type = $('#selType li.active').find('input').text();
var Type = $('ul li.selected a input:radio').val();
var Type = $('ul li.active a input').text();
我对此并不陌生,因此我可能会缺少一些东西,因此不胜感激。
提前致谢。
最佳答案
首先
var Type = $('ul#selType li.selected').text();
是不好的用法。当有一个ID时,请始终仅选择一个ID。使用
#selType
而不是ul#selType
选择对于您的问题,您可以使用以下命令获取单选按钮选择值:
$('input[name=d-s-r]:checked').val();