用Jquery显示隐藏表单字段

Question

我似乎遇到了一个问题，即Jquery在选择了选定的表单值后没有显示隐藏的DIV。当用户单击是时，我希望隐藏的div然后被显示。我错过了什么吗？你可以看看https://jsfiddle.net/73merxk9/

的Javascript

<script>
    $(document).ready(function() {
        $('#permit').on('permit', function() {
            $("#hiddenform").toggle($(this).val() == 'Yes');
        }).trigger('permit');
    });
</script>

表格

<div>
    <label for="permit">Permit</label>
    <select id="permit" name="permit">
        <option value="0">No</option>
        <option value="1">Yes</option>
    </select>
</div>
<div id="hiddenform">
    <div>
        <label for="permit_submitted">Permit Submitted</label>
        <input placeholder="Permit Input Here..." name="job_number" type="text" id="job_number">
    </div>
</div>

Answer 1

没有这样的事件“许可”。您需要收听onchange事件。然后，您需要将选择值与"1"进行比较，因为Yes是标签，而不是值：

$(document).ready(function () {
    $('#permit').on('change', function () {
        $("#hiddenform").toggle($(this).val() == '1');
    }).trigger('change');
});

演示： https://jsfiddle.net/73merxk9/1/