Question

JS中如何填充第二个SELECT

比如我在第一个选择框中有省份,第二个是根据省份从后台得到所在省的市级名称.JS应该如何写?
这两个数据我都要从数据库中得到,开始定向到一个action得到两个LIST,然后将第一个select中填充,有个onchange事件,触发后将第二个select填充,要求是第一个select的下一级.比如省下面是市,机构下面是部门一样.

不知道有没有什么好的方法?

Answer 1

<%
//定义两个String
String demo1,demo2
//一个存文本值,一个存value
while //循环
demo1=demo1+value+','
demo2=demo2+value+','

demo1最后的结果 生成这样"['afs','asdf','312']"
%>

<script>
var var1=<%=demo1%>
var var2=<%=demo2%> //别加"号 结果是var2=['dd','dd']
for(var i=0;i<var1.length,i++){
var opt =document.createElement("option");
opt.value=var1[i];
opt.innerText=var2[i]
document.all.第二个下来的名字.appendChild(opt);
}
//这样就把数据放到js里面去了
<script>
这个答案 不知道有没有理解

Answer 2

照这个改改就成了

<SCRIPT language=JavaScript>
var onecount;
onecount=0;
subcat = new Array();

subcat[0] = new Array("AF1-Low","45","85");

subcat[1] = new Array("AF1-mid","45","86");

subcat[2] = new Array("Air Jordan XVIII","47","146");

subcat[3] = new Array("Air Jordan XIX","47","147");

onecount=4;

function changelocation(LID)
{
document.myform.Nsort_id.length = 0;

//var LID=LID;
var i;
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == LID)
{
document.myform.Nsort_id.options[document.myform.Nsort_id.length] = new Option(subcat[i][0], subcat[i][2]);
}
}

}
</SCRIPT>

<SELECT onchange="changelocation(document.myform.sort_id.options[selectedIndex].value)"
size=1 name=sort_id>
<OPTION value=0>----------</OPTION>
<OPTION value=45>Air force one</OPTION>
<OPTION value=47>Air Jordans</OPTION>
</SELECT>
<br>
<SELECT name=Nsort_id>
<OPTION value=0>----------</OPTION>
</SELECT>