JS/AJAX:隐藏/显示选择框

JS/AJAX: Hide/Show select boxes

本文关键字:选择 显示 AJAX JS 隐藏      更新时间:2023-09-26

该函数禁用与主类别不匹配的选择框。我有一个主要类别和两个子类别。有没有办法隐藏和显示子类别选择框而不是禁用它们?

JS/AJAX

<script type="text/javascript">
var formObject = {
    run : function(obj) {
            obj.nextAll('.update').html('<option value="">----</option>').attr('disabled', true);
            var id = obj.attr('id');
            var v = obj.val();
            jQuery.getJSON('update.php', { id : id, value : v }, function(data) {
                if (!data.error) {
                    obj.next('.update').html(data.list).removeAttr('disabled');
                } else {
                    obj.nextAll('.update').html('<option value="">----</option>').attr('disabled', true);
                }
            });
        }   
}; 
</script>

您可以使用 style='display:none;' 属性。 或者使用 JQuery, $("#subc1").show()/$("#subc2").hide()。

  • 显示: http://api.jquery.com/show/
  • 隐藏:http://api.jquery.com/hide/