JS 两个列表框实现大类和小类的分类

来源:百度知道 编辑:UC知道 时间:2024/06/23 16:37:10
第一个列表框为大类,第二个列表框为小类,当选择第一个列表框的某项,第二个变为它的对应分类

设置第一个列表框的onchange方法
当onchange发生时,在发生onchange调用的方法里获取第一个列表框的值,然后根据值来显示第二个列表框:
例:
<select name="gameType" onchange="getGame(this.value)"> //第一个
<option value="online">网络游戏</option>
<option value="offline">单机游戏</option>
</select>
<select name="game"></select> //第二个
//事件
function getGame(val){
if(val=="online"){
var opt = new Option("魔兽世界","wow");
document.myform.game.options.add(opt);
}else{
var opt = new Option("魔兽争霸","vvv");
document.myform.game.options.add(opt);
}
}
//不知是否是仁兄需要的答案

AJAX去做。不然只能用JS做做象征性的功能。