Question

我有2个HTML SELECT框（id = Select1和Select2）。我想让jQuery在Select2的onChange事件之后将Select2的值与Select1进行比较。

如果Select1和Select2具有相同的值，那么清除Select2中的值或重置它，然后是一个简单的javascript警告窗口？

我是一名PHP开发人员，并且几乎是jQuery的菜鸟，所以任何帮助都会受到赞赏。

谢谢，

Answer 1

$("#Select2").change(function(){
  if($(this).val() == $("#Select1").val()) {
    alert('Duplicate value');
    $(this).val('');
  }
});

Answer 2

$('#select2').change ( function () {
    if ( $('#select2').val() == $('#select1').val() ) {
         alert ( 'do whatever');
    }
});

查看change()和val()。

Answer 3

完整的工作示例：

<html>
<head>
<script>
    $(document).ready(function() {
        $('#Select2').change(function() {
            if ($(this).val() == $('#Select1').val()) {
                alert('same');
            } else {
                alert('different');
            }
        });
    });

</script>
</head>
<body>

    <select id="Select1">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>

    <select id="Select2">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>

</body>
</html>

使用jQuery比较2个SELECT框的值

3 个答案: