Question

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

我是新手，所以我可能会遗漏一些东西，所以任何想法都会受到高度赞赏。

先谢谢。

Answer 1

首先

var Type = $('ul#selType li.selected').text();

用法不好。当有一个id时总是选择id。使用#selType而不是ul#selType

选择

对于您的问题，您可以使用以下方式获取单选按钮选择值：

$('input[name=d-s-r]:checked').val();

Answer 2

你应该这样做（点击按钮提醒）：

$(".dropdown-toggle").click(function getvalue(){
var type = $('#selType input:checked').val();
if (typeof type ==='undefined'){
alert("Please select an option!");
}
else{
    alert (type);
}
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<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>

Answer 3

使用上述答案需要点击。所以我决定给我的按钮一个id，然后得到该按钮的内部span标签的值，它将始终是正确的值。

从引导下拉列表中检索值不起作用

3 个答案: