- 论坛徽章:
- 0
|
利用javascript数组不定长的特性,可以很方便的填充下拉列表选项。
请看下面的示例代码:
<html>
<head>
<script language="javascript">
function Init(){
var temp = document.getElementById("select1").value;
var a = new Array();
for (var j=0; j<10; j++){
a[j] = parseInt(temp)*10 + j;
}
var s = a.join(",");
setSelect(s);
}
function setSelect(s){
var obj = document.getElementById("select2");
obj.length = 0;
var t = new Array();
t = s.split(",");
for (var i=0; i<t.length; i++){
obj.options[obj.length] = new Option("--" + t[i] +"--",t[i]);
}
}
</script>
</head>
<body>
<select name="select1" id="select1" onchange="Init()">
<option selected>请选择...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<select name="select2" id="select2" ></select>
</body>
</html>
//---------------------------------------------------------------------------------------------
不是java比javascript轻松的多吗?你在Init这里发起一个xmlHttp请求,请求某一个jsp的页面返回你需要的值,动态填充就可以了。
ajax实际上没有任何新的东西在里面,javascript,xml,dom等技术的综合应用而已,新瓶旧酒换一个模式用。 |
|