应该很多的,就是联动<form name=form1> <select name=mClass onchange="changeByValue(this.value)"> <option value="" selected>请选择大类分区</option> </select> <select name=mKind> <option value="" selected>请选择小类分区</option> </select> </form> <script language=javascript><!-- var mKindouterHTML = document.form1.mKind.outerHTML.substr(0, document.form1.mKind.outerHTML.length-9); function String.prototype.Trim(){return this.replace(/(^\s*)|(\s*$)/g,"");} function mclass() { var mclass = ["html","javascript","vbscript","css","sql","asp"]; var e = document.form1.mClass; var s = e.outerHTML.substr(0, e.outerHTML.length-9) + "\r\n"; for (var i=0; i<mclass.length; i++){ s += "<option value='"+ mclass[i] +"'>"+ mclass[i] +"</option>\r\n";} s += "</select>"; e.outerHTML = s; } mclass(); function changeByValue(val) { var mhtml = ["html"]; var mjavascript = ["语句","方法"] var mvbscript = ["vbscript"] var mcss = ["css"] var msql = ["sql"] var masp = ["asp"]
var e = document.form1.mKind; var s = mKindouterHTML; if (val.Trim() == "") {s += "</select>"; e.outerHTML = s; return;} var a = eval("m"+ val); for (var i=0; i<a.length; i++){ s += "<option value='"+ a[i] +"'>"+ a[i] +"</option>\r\n";} s += "</select>"; e.outerHTML = s; } // --></script>
<select name=mClass onchange="changeByValue(this.value)">
<option value="" selected>请选择大类分区</option>
</select>
<select name=mKind>
<option value="" selected>请选择小类分区</option>
</select>
</form>
<script language=javascript><!--
var mKindouterHTML = document.form1.mKind.outerHTML.substr(0, document.form1.mKind.outerHTML.length-9);
function String.prototype.Trim(){return this.replace(/(^\s*)|(\s*$)/g,"");}
function mclass()
{
var mclass = ["html","javascript","vbscript","css","sql","asp"]; var e = document.form1.mClass;
var s = e.outerHTML.substr(0, e.outerHTML.length-9) + "\r\n";
for (var i=0; i<mclass.length; i++){
s += "<option value='"+ mclass[i] +"'>"+ mclass[i] +"</option>\r\n";}
s += "</select>";
e.outerHTML = s;
} mclass();
function changeByValue(val)
{
var mhtml = ["html"];
var mjavascript = ["语句","方法"]
var mvbscript = ["vbscript"]
var mcss = ["css"]
var msql = ["sql"]
var masp = ["asp"]
var e = document.form1.mKind;
var s = mKindouterHTML;
if (val.Trim() == "") {s += "</select>"; e.outerHTML = s; return;}
var a = eval("m"+ val);
for (var i=0; i<a.length; i++){
s += "<option value='"+ a[i] +"'>"+ a[i] +"</option>\r\n";}
s += "</select>";
e.outerHTML = s;
}
// --></script>
或者到google.中搜javascript jsp 联动 select ,这几个关键词,也一定有收获,
二、先读出第一个select需要的数据,放进去,当改变是提交本页面,即<form action="本页面"></form>,在这次刷新中根据第一个select所选的数据,从数据库中读取相应的第二个select数据,放入其中。