ホームページ >ウェブフロントエンド >jsチュートリアル >select选择事件问题_表单特效

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

WBOYオリジナル: 2016-05-16 19:18:43952ブラウズ

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

関連記事