js联动有关问题
日期：2014-05-16 浏览次数：20418 次
js联动问题！
问题如下：
请选择库：（表单的下拉框（从数据库中取出，大约10个左右））
请选择分类：（分类列表下拉框（从数据库中取出））
我想选择库中的其中一项，例如：新闻库，那么下面的分类也变成新闻库的分类！
我应该怎么做？高手们请帮忙，解决立马散分！
------解决方案--------------------
源代码下载
http://dotnet.aspx.cc/Exam/MultiSelect.zip
------解决方案--------------------
用ajax
------解决方案--------------------
这样的数据库操作的js联动,需要ajax支持;
------解决方案--------------------
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb_2312-80 ">
<meta name= "GENERATOR " content= "Microsoft FrontPage 3.0 ">
<title> 销售数量分布汇总表 </title>
<script language= "javascript ">
<!--
var array_a=new Array( "1 ", "2 ", "3 ");
var array_b=new Array( "4 ", "5 ", "6 ");
var array_c=new Array( "7 ", "8 ", "9 ");
//定义对应的数组，如果是动态生成的数据，可以从数据库取到本地数组中
function change_show()
{
var tmp=window.document.QueryForm.sel1.value;//select1中的值
if (tmp== "a ") the_array=eval(array_a);
if (tmp== "b ") the_array=eval(array_b);
if (tmp== "c ") the_array=eval(array_c);
//判断要显示哪一个数组的数据
var arr_len=window.document.QueryForm.sel2.options.length
for (loop=0;loop <arr_len;loop++)
{
window.document.QueryForm.sel2.remove(0);
//先清空第二个select中的所有数据
}
for (loop=0;loop <the_array.length;loop++)
{
var e=window.document.createElement ( "OPTION ");//创建新对象
e.text=the_array[loop];
e.value=the_array[loop];//赋值
window.document.QueryForm.sel2.add(e); //添加到select2中
}
window.document.QueryForm.sel2.refresh;//刷新第二个select
}
-->
</script>
<body>
<form name=QueryForm>
<select name=sel1 size=1 onclick= "javascript:change_show() ">
<option selected value=a> a </option>
<option value=b> b </option>
<option value=c> c </option>
</select>
<select name=sel2 size=1> </select>
</form>
</body>
</html>
问题如下：
请选择库：（表单的下拉框（从数据库中取出，大约10个左右））
请选择分类：（分类列表下拉框（从数据库中取出））
我想选择库中的其中一项，例如：新闻库，那么下面的分类也变成新闻库的分类！
我应该怎么做？高手们请帮忙，解决立马散分！
------解决方案--------------------
源代码下载
http://dotnet.aspx.cc/Exam/MultiSelect.zip
------解决方案--------------------
用ajax
------解决方案--------------------
这样的数据库操作的js联动,需要ajax支持;
------解决方案--------------------
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb_2312-80 ">
<meta name= "GENERATOR " content= "Microsoft FrontPage 3.0 ">
<title> 销售数量分布汇总表 </title>
<script language= "javascript ">
<!--
var array_a=new Array( "1 ", "2 ", "3 ");
var array_b=new Array( "4 ", "5 ", "6 ");
var array_c=new Array( "7 ", "8 ", "9 ");
//定义对应的数组，如果是动态生成的数据，可以从数据库取到本地数组中
function change_show()
{
var tmp=window.document.QueryForm.sel1.value;//select1中的值
if (tmp== "a ") the_array=eval(array_a);
if (tmp== "b ") the_array=eval(array_b);
if (tmp== "c ") the_array=eval(array_c);
//判断要显示哪一个数组的数据
var arr_len=window.document.QueryForm.sel2.options.length
for (loop=0;loop <arr_len;loop++)
{
window.document.QueryForm.sel2.remove(0);
//先清空第二个select中的所有数据
}
for (loop=0;loop <the_array.length;loop++)
{
var e=window.document.createElement ( "OPTION ");//创建新对象
e.text=the_array[loop];
e.value=the_array[loop];//赋值
window.document.QueryForm.sel2.add(e); //添加到select2中
}
window.document.QueryForm.sel2.refresh;//刷新第二个select
}
-->
</script>
<body>
<form name=QueryForm>
<select name=sel1 size=1 onclick= "javascript:change_show() ">
<option selected value=a> a </option>
<option value=b> b </option>
<option value=c> c </option>
</select>
<select name=sel2 size=1> </select>
</form>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
