我有一个来自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();

10-07 14:37