Question

我有以下html：

<option value="55">Clothing - Mens</option>
<option value="56">Clothing - Womens</option>
<option value="67">Film Music & Books</option>
<option value="69">Food & Drink</option>

我想在选择“服装 - 男装”或“服装 - 女装”时展示div，所以我正在使用，它完美运作：

$(document).ready(
function(){
    $('#category').change(
        function(){
            if ($(this).val()) {
                $('input:submit').attr('disabled',false);

                if (($(this).val() == '55') || ($(this).val() == '56')) {
                    $('#fashion').show();
                    } else { $('#fashion').hide(); }

            } else { 
                $('input:submit').attr('disabled',true); 
            }
        });

});

但有没有办法缩短呢？我已经尝试了以下两种方法，但都没有工作

if ($(this).val() == ('55','56')) { 

if ($(this).val() == ('55' || '56')) {

在上述两种情况下，选项值56都有效，但55没有。

Answer 1

你可以使用jquery的inArray ..

http://api.jquery.com/jQuery.inArray/

if ($.inArray($(this).val(),["55","56"]) != -1) {

工作示例.. http://jsfiddle.net/FYNKc/1/

Answer 2

您可以直接向我们this.value代替$(this).val();

if ($.inArray(this.value, ['55','56']) != -1) {

选择使用或语句更改div状态

2 个答案: