页面导航：首页 → 网络编程 → JavaScript → 表单特效 → 正文内容

select选择事件问题

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
</HEAD> 
    <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><option value="BBC">A</option><option value="DHL">B</option><option value="FBI">C</option><select>';         
        cs[i++].innerHTML ='<input type="text" name="tktTypeDesc" readOnly="true">'; 
        } 
        </script> 
<BODY> 
<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> 
</BODY> 
</HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:

<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
</HEAD> 
    <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><option aaa="BBC">A</option><option aaa="DHL">B</option><option aaa="FBI">C</option><select>';         
        cs[i++].innerHTML ='<input type="text" name="tktTypeDesc" readOnly="true">'; 
        } 
        </script> 
<BODY> 
<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> 
</BODY> 
</HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：select选择事件问题