Javascript 使用jquery根据选择值项更改css

我有一个用于此的jquery，如果选择的值为“”（介于之间），我想将样式更改为display:block以显示输入框。。但是在这里，所有选定的项目都被更改了

$(document).ready(function () {
    $('.condition-change').change(function () {
        if ($('select[name="SearchCondition"]').find('option[value="<>"]').attr("selected", true)) {
            $('.second-value').css("display", "block");
        }
    });
});

$（文档）.ready（函数（）{
$（'.condition change'）.change（函数（）{
if（$（'select[name=“SearchCondition”]'）.find（'option[value=”“]）.attr（“selected”，true））{
$（'.second value'）.css（“显示”、“块”）；
}
});
});

试试看

$（'.condition change'）.change（函数（）{
如果（$（this）.val（）.trim（）=''）{
$（'.second value'）.show（）；
}
});

或

$（'.condition change'）.change（函数（）{
$（'.second value'）.toggle（$（this.val（）.trim（）=''）；
});

---

您只需访问使用val（）可以获得的所选选项值，因此将条件置于val（）上

$(document).ready(function () {
    $('.condition-change').change(function () {
        if ($(this).val() == "<>") {
            $('.second-value').css("display", "block");
        }
    });
});

$(document).ready(function () {
    $('.condition-change').change(function () {
        if ($(this).val() == "<>") 
            $('.second-value').show();
        else
            $('.second-value').hide();
    });
});

$（文档）.ready（函数（）{
$（'.condition change'）.change（函数（）{
if（$（this）.val（）==“”）{
$（'.second value'）.css（“显示”、“块”）；
}
});
});

也使用显示和隐藏而不是设置css

$(document).ready(function () {
    $('.condition-change').change(function () {
        if ($(this).val() == "<>") {
            $('.second-value').css("display", "block");
        }
    });
});

$(document).ready(function () {
    $('.condition-change').change(function () {
        if ($(this).val() == "<>") 
            $('.second-value').show();
        else
            $('.second-value').hide();
    });
});

$（文档）.ready（函数（）{
$（'.condition change'）.change（函数（）{
if（$（this）.val（）==“”）
$（'.second value'）.show（）；
其他的
$（'.second value'）.hide（）；
});
});

//添加.is（“：checked”）函数以检查是否选择了“”值选项

 $(document).ready(function () {
        $('.condition-change').change(function () {
            if($('select[name="SearchCondition"]').find('option[value="<>"]').is(":checked"))
            {
                $('.second-value').css("display", "block");
            }
            else
            {
                $('.second-value').css("display", "none");
            }

        });

      });

$（文档）.ready（函数（）{
$（'.condition change'）.change（函数（）{
如果（$（'select[name=“SearchCondition”]'）.find（'option[value=”“]”）是（“：checked”））
{
$（'.second value'）.css（“显示”、“块”）；
}
其他的
{
$（'.second value'）.css（“显示”、“无”）；
}
});
});

错误条件

$(document).ready(function () {
$('.condition-change').change(function () {
    if($('select[name="SearchCondition"]').find('option[value="<>"]').prop("selected")==true)
    {
        $('.second-value').css("display", "block");
    }

});

});

$（文档）.ready（函数（）{
$（'.condition change'）.change（函数（）{
if（$（'select[name=“SearchCondition”]'）.find（'option[value=”“]）.prop（“selected”）==true）
{
$（'.second value'）.css（“显示”、“块”）；
}
});
});