通过名称标签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

如果您想获得选择：

警报（$（ '选择[名称=国家]'）找到（ '：选择'。）文本（））;