日期:2014-05-16  浏览次数:20329 次

级联问题
年度:
<select   name= "year "   onchange= "selectTitle() ">
<option   value= " "> 请选择 </option>
<option   value= "2003 "> 2003 </option>
<option   value= "2004 "> 2004 </option>
<option   value= "2005 "> 2005 </option>
......
</select>
文章标题:
<select   name= "title ">
<option   value= " "> 请选择 </option>
</select>

年是固定的, "文章标题 "是根据所选的 "年 "用javascript显示出来的.请问该如何关联?

文章标题的已知内容/字段:     List,titleVO,year(与上面的年是关联条件),titleId,titleName

------解决方案--------------------
<HTML>
<HEAD>
<TITLE> test </TITLE>
<script language= "javascript ">
var xxx = [[ "2003 ", "aaaaa "],[ "2003 ", "bbbbb "],[ "2004 ", "ccccc "],[ "2005 ", "ddddd "],[ "2004 ", "eeeee "]];

function selectTitle(){
var xxxxx = document.getElementById( "xxxx ");
var yyyyy = document.getElementById( "yyyy ");
var optionIndex = 0;
var optionLength = yyyyy.options.length;
for(var j = 0;j < optionLength;j++){
yyyyy.remove(0);
}
for(var i = 0;i < xxx.length;i++){
if(xxxxx.value == xxx[i][0]){
yyyyy.options[optionIndex] = new Option(xxx[i][1]);
optionIndex++;
}
}
}
</script>
</HEAD>

<BODY>
年度:
<select name= "year " onchange= "selectTitle() " id= "xxxx ">
<option value= " "> 请选择 </option>
<option value= "2003 "> 2003 </option>
<option value= "2004 "> 2004 </option>
<option value= "2005 "> 2005 </option>
......
</select>
文章标题:
<select name= "title " id= "yyyy ">
<option value= " "> 请选择 </option>
</select>
</BODY>

</HTML>

关于其他的字段可以自己添加到数组里
------解决方案--------------------
如果是从后台传入或者数据库读取的就不用这样写了,这个数组就是模拟个数据源
------解决方案--------------------
使用AJAX,很简单的。