首页 > 文章 > web前端 > select选择事件问题_表单特效

select选择事件问题_表单特效

WBOY原创: 2016-05-16 19:18:43863浏览

<title> New Document </title> 
 
    <script language="JavaScript">     
     function addTktTypeRow(){             
             var tbl = document.getElementById('tktTypeGrpTable'); 
             var rowsLen = tbl.rows.length 
             var tr=tbl.insertRow(rowsLen); 
             var cs = new Array(); 
             var forSize = 2; 
             for(var i=0;i < forSize; i++){ 
                cs[i] = tr.insertCell(); 
             } 
             var i=0;                           
        cs[i++].innerHTML ='<select onchange="parentNode.nextSibling.lastChild.value=options[selectedIndex].text"><option>清选择<option value="BBC">A<option value="DHL">B<option value="FBI">C<select>';         
        cs[i++].innerHTML ='<input type="text" name="tktTypeDesc" readOnly="true">'; 
        } 
        </script> 
 
<input type="button" name="button" onclick="addTktTypeRow()" value="add"> 
 <table id="tktTypeGrpTable" width="100%" cellpadding="0" cellspacing="3"> 
  <thead> 
        <tr bgcolor="#FFFFFF">                           
            <td class="tableHeader">Code</td> 
            <td class="tableHeader">Description</td> 
        </tr> 
    </thead> 
 </table>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<title> New Document </title> 
 
    <script language="JavaScript">     
     function addTktTypeRow(){             
             var tbl = document.getElementById('tktTypeGrpTable'); 
             var rowsLen = tbl.rows.length 
             var tr=tbl.insertRow(rowsLen); 
             var cs = new Array(); 
             var forSize = 2; 
             for(var i=0;i < forSize; i++){ 
                cs[i] = tr.insertCell(); 
             } 
             var i=0;                           
        cs[i++].innerHTML ='<select onchange="parentNode.nextSibling.lastChild.value=options[selectedIndex].getAttribute(\'aaa\')"><option>清选择<option aaa="BBC">A<option aaa="DHL">B<option aaa="FBI">C<select>';         
        cs[i++].innerHTML ='<input type="text" name="tktTypeDesc" readOnly="true">'; 
        } 
        </script> 
 
<input type="button" name="button" onclick="addTktTypeRow()" value="add"> 
 <table id="tktTypeGrpTable" width="100%" cellpadding="0" cellspacing="3"> 
  <thead> 
        <tr bgcolor="#FFFFFF">                           
            <td class="tableHeader">Code</td> 
            <td class="tableHeader">Description</td> 
        </tr> 
    </thead> 
 </table>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：SUN的《AJAX与J2EE》全文译了_基础知识下一篇：超清晰的document对象详解_基础知识

查看更多

select选择事件问题_表单特效

相关文章