javascript - 如果选择选项等于值则持续

Question

如果另一个值等于“文档”，我正在使用 jQuery 显示一个选择字段。

$('#fitler-types').on('change', function() {
    if($(this).attr('value') == 'document' ){
        $('#filter-document-type').show( 'slow' );
    }
});

这很好用，但是一旦我提交表单，值就会保留，但选择框被隐藏，并且只有在我取消选择文档然后重新选择它时才会显示。

Answer 1

只需在第一次分配处理程序时调用它即可。

$('#fitler-types').on('change', function() {
    if($(this).attr('value') == 'document' ){
        $('#filter-document-type').show( 'slow' );
    }
}).change();

堆栈片段演示

$('#fitler-types').on('change', function() {
    $(this).val("change handler called");
}).change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="fitler-types" />