從引導下拉列表檢索值不起作用

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>