通過名稱標簽jquery獲取選擇框選擇的值

Question

我有這樣的形式

<label>Select country</label>  
    <select name="country">
        <option value="IND" selected="selected">India</option>
        <option value="MY">Malaysia</option>
        <option value="US">United states</option>
    </select>
</label>

我想使用jquery獲取選定國家的值。

這是我在jquery文檔塊中的代碼：我的jquery版本：jquery-1.10.1.js

alert($('select[name="country"]').find(":selected").val());
alert($('select[name="country"] option:selected').val());

我不喜歡通過ID或類來調用選擇器。 提前致謝。

我無法為國家/地區選擇框寫onChange。 我需要在日期輸入字段的模糊（followup_date）上執行ajax請求。

$('#followup_date').change(function(e) {

        if($(this).val()!='')
        {
            //$('.tmslot').not(this).attr('checked', false);        
            var slot = $(this).val();
            var country_id = $('select[name="country"] option:selected').val();

我的問題是我無法獲得country_id的 定義 。

Answer 1

在select元素上而不是在所選option上使用.val() ：

 $('select[name="country"]').on('change', function(){ alert($(this).val()); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <select name="country"> <option value="IND" selected="selected">India</option> <option value="MY">Malaysia</option> <option value="US">United states</option> </select> 

Answer 2

您可能需要此演示

alert($('select[name="country"]').val());
$('select[name="country"]').change(function(){    
    alert($(this).val());    
});

Answer 3

根據文檔，

.val（）方法主要用於獲取表單元素的值，例如輸入，選擇和文本區域。 對於select元素，如果沒有選擇任何選項，則返回null；如果存在至少一個，則返回包含每個所選選項的值的數組，並且由於存在multi屬性，因此可以選擇更多值。

您只需將.val()與select元素jquery對象一起使用即可獲取選定的選項值：

$('select[name="country"]').val()

Answer 4

如果您想獲得選擇：

警報（$（ '選擇[名稱=國家]'）找到（ '：選擇'。）文本（））;