首頁 > 文章 > 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选择事件问题_表单特效

相關文章