css 根据选定的下拉列表显示输入字段并根据显示的输入内容更改隐藏的输入值（如果为空且如果不为空

Posted 2021-05-13

$('#drop').change(function () {
    var selectedId = $('option:selected', this).attr('id');

    if (selectedId == "drop_option") {
        $('#ref').show("slow", "swing");
        $("#ref").blur(function () {
            if ($(this).val() === "") {
                $('input[name=check]').val('false');
            } else {
                $('input[name=check]').val('true');
            }
        });
    } else {
        $('#ref').hide("slow", "swing");
        $('input[name=check]').val('false');
    }
});

<select id="drop">
    <option>-- Please select --</option>
    <option>Agent / Employer</option>
    <option id="drop_option">Job Seeker</option>
</select>
<br/>
<input name="referral" type="text" placeholder="Referral" id="ref" />
<br/>
<input name="check" value="false" type="text" />

#ref {
    display:none;
}