js动态控制表单的trtd的显示和隐藏.docxVIP

js 动态控制表单的 tr， td 的显示和隐藏无论是事先写好的，还是动态生成的，要找到指定的 tr 或 td 都必须知道其相关的一个属性， 未必必须是 id 或 name， 然后无论是在一个 table 还是多个 table 都可以通过 document.getElementsByTagNames( tr ) 或 td ，取得集 合，再根据知道的属性再找，最后设置显示 /隐藏方法一：document.getElementById( 控件ID ).style.visibility= hiddenH.document.getElementById( 控件ID ).style.visibility= visibleM.方法二：document.getElementById( 合， 再根据知道的属性再找，最后设置显示 /隐藏 方法一： document.getElementById( 控件 ID ).style.visibility= hidden H. document.getElementById( 控件 ID ).style.visibility= visible M. 方法二： document.getElementById( 控件 ID ).style.display= none ; document.getElementById( 控件 ID ).style.display= inline ; 方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于 .net 验证控件的 Display=Static 方法二隐藏后 页面的位置不被占用 类似于 .net 验证控 件的 Display=Dynamic 我写的一个根据下拉菜单的不同选择值来显示下边的一个 input 表单的显示和隐藏 js： function listchange(){ var sel=document.getElementsByName(tasklist_type); for(var i=0;ilt;tasklist_type.options.length;i++) if(tasklist_type.options[i].selected) if(tasklist_type.options[i].value==0){ document.getElementById( tasklistoriginalno).style.display= none; document.getElementById(tasklist_originalno).value = ; /*上面红色的这句话用处很大的，因为你想隐藏掉下面的 个表单，那么这个表单的值也就不需要写入数据库了，所以 记得在隐藏的同时将被隐藏表单的值清空；当然要是你不嫌 麻烦的话在表单的数据提交到php 麻烦的话在表单的数据提交到 php 的数据处理页面的时候对 tasklist_type 根据其值是 0 还是 1 来行进判断写不写入 tasklist_originalno 的值 */ if(tasklist_type.options[i].value==1){ document.getElementById( tasklistoriginalno).style.display= MH. html： lt;tr height=30gt; lt;tdgt;amp;nbsp;lt;{$lang_tasklist_type}gt;: lt;/tdgt; lt;tdgt; lt;select name=tasklist_type id=tasklist_type onchange=listchange();return false;gt; lt;option value=null gt;lt;{$lang_tasklist_sel}gt;lt;/optiongt; lt;option value=0 gt;lt;{$lang_tasklist_common}gt;lt;/optiongt; lt;option value=1 gt;lt;{$lang_tasklist_supplement}gt;lt;/optiongt; lt;/selectgt; lt;/tdgt; lt;/trgt; lt;tr height=30 id=tasklistoriginalnogt; lt;tdgt;amp;nbsp;lt;{$lang_tasklist_originalno}gt;:lt;/ tdgt; lt;td colspan=3gt;lt;input type=text id=tasklist_originalno name=tasklist_originalno/gt;lt;/tdgt; lt;/trgt