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

Question

我有一个从靴子主题的下拉列表，但我似乎无法从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

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

Answer 2

的所有

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

首先是不好的用法。当有一个ID总是选择只有ID。通过使用#selType不ul#selType

选择和为你的问题，你可以通过使用得到单选按钮选择值：

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

Answer 3

你应该做这样的（点击按钮阿勒特）：

$(".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>