5

我有这样的表格

<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未定义。

4

4 回答 4

9

.val()在select未选择的元素上使用option：

$('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>

于 2015-03-31T07:10:28.973 回答
3

根据文档，

.val() 方法主要用于获取输入、选择和文本区域等表单元素的值。在 select 元素的情况下，当没有选择任何选项时它返回 null，当至少有一个选项时，它返回一个包含每个选定选项的值的数组，并且可以选择更多，因为存在 multiple 属性。

您需要简单地使用.val()选择元素 jquery 对象来获取选定的选项值：

$('select[name="country"]').val()
于 2015-03-31T07:04:53.473 回答
3

如果您想获得该选项：

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

于 2018-02-10T12:15:07.213 回答
2

你可能需要这个演示在这里

alert($('select[name="country"]').val());
$('select[name="country"]').change(function(){    
    alert($(this).val());    
});
于 2015-03-31T07:08:20.990 回答