posts - 165, comments - 198, trackbacks - 0, articles - 1
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

下拉 remove

Posted on 2008-07-12 17:38 G_G 阅读(202) 评论(0)  编辑  收藏 所属分类: HTML




html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<form action="">
    
<table>
        
<tr>
            
<td>
                
<select id="s1" size="5">
                    
<option>-1-</option>
                    
<option>-2-</option>
                    
<option>-3-</option>
                
</select>
            
</td>
            
<td>
                
<input type="button" value="&gt;&gt;" onclick="optionRemove('s1','s2');"/>
                
<input type="button" value="&lt;&lt;" onclick="optionRemove('s2','s1');"/>
            
</td>
            
<td>
                
<select id="s2" size="5">
                
</select>
            
</td>        
        
</tr>
    
</table>
</form>

</body>
<script type="text/javascript">
    
function optionRemove(selFromById,selToById){
        
var sf = document.getElementById(selFromById);
        
var st = document.getElementById(selToById);
        
        
var mo =  sf.options[sf.selectedIndex];
        
var moTest =  mo.text ;
        
var moValue = mo.value ;
        
        sf.remove(sf.selectedIndex); 
        st.options.add(
new Option(moTest,moValue ),0)

    }
</script>
</html>



只有注册用户登录后才能发表评论。


网站导航: