Question

这是我的问题。我有两个选择，我需要获取值以使用ajax提交它们。根据情况，一个选择被禁用而另一个没有。

当第一个选择启用时，我可以从select中获取值，但是当我禁用第一个并启用第二个时，返回的值为null

如何获得第二个的价值？

他是一个JS小提琴来说明我的问题：https://jsfiddle.net/mktknjsf/

$('#First').click(function () {
    $('#Bloc1').find('input, textarea, button, select,option').prop('disabled', false);
    $('#Bloc2').find('input, textarea, button, select,option').prop('disabled', true);
});
$('#Second').click(function () {
    $('#Bloc2').find('input, textarea, button, select,option').prop('disabled', false);
    $('#Bloc1').find('input, textarea, button, select,option').prop('disabled', true);

});

$('#Submit').click(function () {
    var i = $('.test').val();
    alert(i);
});

感谢您的帮助

Answer 1

你的意思是

var i = $('.test:enabled').val();

，如

DEMO

但也许你想要看到两者都没有被禁用？

$('#Submit').click(function () {
    var vals = [];
     $('.test:enabled').each(function() {
      vals.push(this.value)
     })
    alert(vals.join(","));
});

DEMO

Answer 2

问题是i var i = $('.test').val();正在select class .test选择click #Submit个元素。尝试选择器

$(".test:not(:disabled)").val();

过滤未将属性select.test设置为disabled的{{1}}

https://jsfiddle.net/mktknjsf/1/

获取具有相同类的两个select的值

2 个答案: