两个选择框的值

时间:2013-02-11 19:14:11

标签: javascript jquery

简要解释我的计划:

我有3个选择框

如果用户在第一个框中选择的值是2&用户在第二个框中选择的值为3(选项值),然后第三个选择框应显示数组。

此代码不起作用,但显示了一个想法:

if ($('#firstbox').click(function() { ($(this).val() == '2'); } &&    
    $('#secondbox').click(function() { ($(this).val() == '3'); }) {
    // Array Display here (not included the coding here, because there is no issue with this coding.. seems working fine)
}

我需要帮助才能获得if statment和&&amp ;;检查表达式的操作。

4 个答案:

答案 0 :(得分:1)

var select1 = $('#firstbox');
var select2 = $('#secondbox');

$([select1, select2]).change(function () {
    if ( select1.val() == 2 && select2.val() == 3 ) {
        // run your code here...
    }
});

答案 1 :(得分:0)

您需要将click事件绑定到第三个选择框或绑定到前两个框的change事件并回调一个更新第三个框的常用函数。

答案 2 :(得分:0)

$("#firstbox, #secondbox").change(UpdateThird);

function UpdateThird() {
    var a = $("#firstbox").val();
    var b = $("#secondbox").val();
    if (a == 2 && b == 3) {
        // ...
    }
}

答案 3 :(得分:0)

假设

<select id="firstbox">
  <option value="1">1</option>  
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<select id="secondbox">
  <option value="1">1</option>  
  <option value="2">2</option>
  <option value="3">3</option>
</select>

脚本:

$('#secondbox, #firstbox').on('change',function(){
  if($('#firstbox').val() == 2 && $('#secondbox').val() == 3)
    alert('array display code here...');
})