jquery - 在选择更改时隐藏表单元素

Question

嗨，我正在尝试隐藏表单元素，除非选择了特定的下拉值；到目前为止，这是我的代码，但它不起作用？

<script type="text/javascript">

  $(document).ready(function() {
        $('txt_ccode').change(function() {
            if ($(this).val() == 'GB') {
                document.getElementById('txt_postcode').style.display="block";
            }
            else {document.getElementById('txt_postcode').style.display="none"; }

    }); 
});
</script>

感谢任何帮助

Answer 1

而不是

$('txt_ccode')

您可能想要:

$('#txt_ccode')

或

$('.txt_ccode')

取决于您将元素的 id 和/或 class 属性设置为什么。

此外，您可以重新编写代码以使其更加简洁:

$('#txt_ccode').change(function() {
    $('#txt_postcode').toggle($(this).val() === 'GB');
});