本帖最后由 张甲甲 于 2013-6-4 14:21 编辑
看毕老师的视频，学javascript。想做一个按钮 从一个下拉列表 往另一下拉列表添加选项。就是没效果。
好心人帮着看看哈 谢了
代码如下：
<!DOCTYPE html>
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
This is my HTML page.
<br>
<form id="f_1" method="get">
<table>
<tr>
<td>
<select id="s_1" multiple="multiple" size="10" >
<option value="1数学1" id="o_1">
1数学1...
</option>
<option value="2数学2" id="o_2">
2数学2...
</option>
<option value="3数学3" id="o_3">
3数学3...
</option>
<option value="4数学4" id="o_4">
4数学4...
</option>
<option value="5数学5" id="o_5">
5数学5...
</option>
<option value="6数学6" id="o_6">
6数学6...
</option>
<option value="7数学7" id="o_7">
7数学7...
</option>
<option value="8数学8" id="o_8">
8数学8...
</option>
</select>
</td>
<td>
<input type="button" value="添加" id="b_1"/>
</td>
<td>
<select id="s_2" multiple="multiple" size="10">
<option>
学科
</option>
</select>
</td>
</tr>
</table>
</form>
<script type="text/javascript">
window.onload=function(){
var s1=document.getElementById("s_1");
var s2=document.getElementById("s_2");
var options=document.getElementsByName("o");
s1.ondblclick=function(){
var option =s1[s1.selectedIndex];
s2.appendChild(option);
};
var b1=document.getElementById("b_1");
function add(){
for ( var int = 0; int <s1.length; int++) {
if(s1[int].selected){
s2.appendChild(s1[int]);
int--;
}
}
};
};
</script>
</body>
</html>
|
|
收藏
淘帖
踩
