<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > |
<html> |
<head> |
<title>选择框应用</title> |
<Script> |
function createOptions(){ |
sel1 = document.form1.select1; |
sel2 = document.form1.select2; |
var num = sel1.selectedIndex; //获取选中项的编号 |
var option = new Option(sel1.options[num].text); //建立option |
var item = sel2.options.length; |
sel2.options[item] = option; //加入option到选择框中 |
} |
</Script> |
<form name= "form1" > |
<select name= "select1" size= "10" > |
<option>可选择项目 |
<option>--------------- |
<option value= "banana" >香蕉 |
<option value= "grape" >葡萄 |
<option value= "apple" >苹果 |
<option value= "pear" >梨子 |
</select> |
<input type= "button" value= "-->" onClick= "createOptions()" > |
<select name= "select2" size= "10" > |
<option>选择项目 |
<option>--------------- |
</select> |
</form> |
</head> |
<body> |
</body> |
</html> |