jquery最後選擇選擇器的值

我一直在試圖讓我的第二個選擇「選定」的值，但它總是返回我「」。其實我已經選擇了第二個選擇的第二個選項。它似乎不斷返回我的第一個選項，而不是實際選擇的選項。jquery最後選擇選擇器的值

這是顯示的HTML：

<table class="table table-striped" id="tableButtonsFilter"> 
    <tbody> 
     <tr id="firstLineFilters"> 
      <td> 
       <button class="btn btn-glintt btn-circle btn-lg" id="1" name="buttonFilterResultsCabecalho" disabled=""> 
        <i class="icon fa fa-search"></i> 
       </button> 
      </td> 
      <td><button class="btn btn-glintt btn-circle btn-lg" id="1" name="buttonFilterResultsCabecalho" disabled="">   <i class="icon fa fa-search"></i>   </button></td> 
      <td><button class="btn btn-glintt btn-circle btn-lg" id="1" name="buttonFilterResultsCabecalho">   <i class="icon fa fa-search"></i>   </button></td> 
     </tr> 
     <tr id="secondLineFilters"> 
      <td> 
       <div class="form-group"> 
        <div class="col-md-4"> 
         <div class="input-group"> 
          <select class="form-control selectFilter" name="filterSelect">    
          <option value=""></option><option value="1">SGICM</option> 
          <option value="2">HIS</option>    
          </select> 
         </div> 
        </div> 
       </div> 
      </td> 
      <td> 
       <div class="form-group"> 
        <div class="col-md-4"> 
         <div class="input-group"> 
          <select class="form-control selectFilter" name="filterSelect">    
          <option value=""></option> 
          <option value="3">teste</option>    
          </select> 
         </div> 
        </div> 
       </div> 
      </td> 
      <td></td> 
     </tr> 
    </tbody> 
</table>

在此圖像中，你可以看到，第二項選擇：

Selected Values

我已經有嘗試：

$("select[class='form-control selectFilter']:last option:selected").val(); 

$("select[class='form-control selectFilter']:last option:selected").attr('value'); 

$("[name='filterSelect']:last").val();

總是得到「」。

如果我嘗試：

$("[name='filterSelect']").val();

它將返回我「1」 < - 預期值。

你能幫忙嗎？

編輯： 當此HTML網頁鉻控制檯上，選擇第二選擇的第一選擇和「阿泰斯特」「SGICM」測試後，我辦： $（「[NAME ='filterSelect 「]：最後「）VAL（）;

在控制檯上，輸出將是「」

EDIT2： 一些調試後，看到我是能夠得到正確的選擇值的jsfiddle，得出的結論是評論一些引導等後使用的模板文件，選擇正常工作。稍後嘗試去...

來源

2016-12-16 danc911

您可以創建的jsfiddle？ – Device

最好使用'.form-control.selectFilter'來選擇類，而不是使用'[class = ...]'。 – Barmar

你爲什麼試圖得到：最後？ – Banzay

$("select[class='form-control selectFilter']:last option:selected").val() 只有在DOM中的最後一個<select>（相關類的）元素中選擇了選項時，語句纔會返回定義的值。下面的代碼工作：

$("select").change(function(){ 
    alert ($(this).val()) 
});

如果你想實現一棵樹，我認爲你需要或者分配唯一的ID爲每select或爲只添加特定的類名最後的修改select

$("select[class='form-control selectFilter']").change(function(){ 
    $("select").removeClass("active_sel"); 
    $(this).addClass("active_sel"); 
    alert ($(this).val()) 
});

和之後您可以使用當前選擇值：

$("select[class*='active_sel']").val();

來源

2016-12-16 23:52:50 Banzay

您可以使用選擇器：

$('option:nth-of-type(2)').eq(1)

，並獲得價值，你可以使用：

$('option:nth-of-type(2)').eq(1).attr('value')

說明：

你想第二select的第二option的價值。

選擇器option:nth-of-type(2)意味着第二個選項。

選擇器option:nth-of-type(2).eq(1)意味着第二選項，第二次。

來源

2016-12-16 23:53:34 Rounin

感謝實際工作。這是什麼黑色的來源？ – danc911

但是，如果嘗試$（「[name ='filterSelect']」）。val（）;在jsfiddle它實際上工作。 – danc911

好吧，明白你的意思，但它是獲得固定值的選擇，即使我選擇其中的另一個值 – danc911

實際上，這是爲了解決這個問題而編寫的一個on change事件，以便在全局變量上記錄用戶選擇，因爲我無法獲取select：last。

$(document).on("change","[name='filterSelect']",function(){ 
 
\t alert($(this).val()); 
 
})

來源

2016-12-17 00:26:53 danc911

jquery最後選擇選擇器的值

回答

相關問題