替代在HTML表单中具有li里面的li元素

时间:2012-01-18 18:19:41

标签: html html-lists html-form xhtml-transitional

我正在创建一个表单,在'你是否隶属于机构? Y / N'问题应该出现另一个有相关信息的小表格。 我正在尝试使用jQuery fadeIn() fadeOut()方法&试图显示子表单。但是当我尝试这样做的时候。

  1. li标记放入整个表单&试着打电话。但它说我无法将li置于XHTML 1.0 Transitional中的另一个li

  2. 当我尝试将子表单放在div中时,它表示div不能放在ul元素内。

  3. 有办法解决这个问题吗?我正在考虑更改DOCTYPE,但我现在确定哪一个是好的,或者可能有其他方法来处理标签。

    第2部分:

    我成功地完成了我的子表格淡化工作。但是当我在第一时间按Y时&然后选择N选项。两个子表单连接在一起。我想我必须写更多的javascript才能使它成为一个互斥的事件。这是我的js

       <script type="text/javascript" >
          $(document).ready(function() {
          $('#subafform').hide();
          $("#element_4_1").click( function(){
            if( $(this).is(':checked')) {
                   $('#subafform').fadeIn();
            } else {
                $('#subafform').fadeOut();
            }
            });
            });
    
        </script>
    

    同样对于NO选项我的js:

    <script type="text/javascript" >
     $(document).ready(function() {
     $('#subnonafform').hide();
     $("#element_4_2").click( function(){
        if( $(this).is(':checked')) {
               $('#subnonafform').fadeIn();
        } else {
            $('#subnonafform').fadeOut();
        }
        });
        });
    
    </script>
    

    谢谢,

2 个答案:

答案 0 :(得分:8)

你不能把李放在李,但你可以把它放在ul

<ul>
  <li>
    <ul>
      <li></li>
    </ul>
  </li>
</ul>

答案 1 :(得分:2)

&LT;李&GT;不能直接&lt; li&gt;儿童。确保你写的任何内容都不是为了实现这一点。

同样,&lt; div&gt;不能成为&lt; ul&gt;的直接孩子。但它可以是&lt; li&gt;的直接孩子。在里面&lt; ul&gt;。