从数据库读入到下拉列表框！！

一种在Select1的OnChange事件中重新提交[window.location='selfurl?Category='+this.value].根据参数选Select2.一种一次提取存放到<input type=text id=SelectArray value="<%=值[由分割符分开]%>">
在Select1的OnChange事件中利用JavaScript的String.spli('分割符')返回的数组填充Select2

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你可以这样来做，做两个form，第一个select写上onChange=submit()
再根据提交的内容查询第二个select所要的值，同时，将第一个选择的值放在第二个form的hidden中一起提交第二个form
这也是个jsp与js结合的例子。
找一个这样得网站，例如51JOb的，然后把它那地方的JS代码COpy过来，改改就差不多了。
都读出来放在一个javascript二维数组中
http://fason.nease.net/samples/bigarea/
都读出来放在一个javascript二维数组中
我现在做的有关菜单的关联的问题就是采用的这种方法，而且我在有些地方
看到，如果你频繁的查询数据库的话会导致速度很慢的问题，所以你的菜单可以
通过js来实现，我现在都做到了四级菜单关联，不过就是数据比较统一，不是在数据库
中读出的，但是我觉得一样，如果把数组中的值用数据库的值来代替的话就可以了！
你可以看看这个，(你可以把js中的数组数据换成你在数据库中得到的数据)。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>menu</title>
<SCRIPT language=JavaScript>
//´Ë¶Î¿ÉÓÃÆäËûÄÚÈÝÌæ´ú£¬ÔÝÊ±ÓÃÒ»¸ö9X9³Ë·¨±íµÄ¶þÎ¬Êý×éÀ´Ìî³ä   var dataArray = new Array(9);        // ²úÉú³Ë·¨±íµÄÍâ¿Ç?
    for (var j = 0; j < dataArray.length; j++)// ×¼±¸ÓÃÐÐ½øÐÐÌî³ä¡£
  {
     var aRow = new Array(9);       // ´´½¨Ò»ÐÐ¡£
       for (var i = 0; i < aRow.length; i++)// ×¼±¸Ìî³äÕâÒ»ÐÐ¡£
  {
        aRow[i] = (i + " times " + j + " = " + i*j);  // ¼ÆËã²¢´æ´¢Öµ¡£
        }
dataArray[j] = aRow;              // ½«ÒÑÌî³äµÄÐÐ·ÅÈë±íÖÐ¡£    }
var xbound=9;
var ybound=9;
function fill(SelectCtrl, itemArray)      //Ìî³äÏÂÀµ¥
{
var i;
for (i = SelectCtrl.options.length; i >= 0; i--) {   //Çå¿ÕÑ¡Ïî
   SelectCtrl.options[i] = null; }
if (itemArray != null)
{
   for (i = 0; i < itemArray.length; i++)
     {
     SelectCtrl.options[i] = new Option(itemArray[i]); //´´½¨Ñ¡Ïî¶ÔÏó
     if (itemArray[i] != null)
      SelectCtrl.options[i].value = itemArray[i];   // ¸øÑ¡Ïî¸³Öµ
     }
  }
  SelectCtrl.options[0].selected = true;          //ÈÃµÚÒ»¸öÑ¡Ïî³ÉÎªÄ¬ÈÏÑ¡Ïî
}


function fillMain(SelectCtrl)                 // Ìî³äÖ÷ÏÂÀµ¥
  {var i;
   mainArray= new Array(ybound);
mainArray[0]="Please select!"             //´´½¨Ò»¸öÒ»Î¬Êý×é£¬ÓÃÒÔ×°¶þÎ¬Êý×é     for (i=0;i < ybound;i++)               //µÄÊ×ÁÐÖµ
   mainArray[i+1]=dataArray[i][0];
    fill(SelectCtrl, mainArray);
  }  function fillSub(SelectCtrl,index)              //Ìî³ä×ÓÏÂÀµ¥
  {var i;
  if (index<0)                         //µ±index<0Ê±´´½¨Ò»¸ö
  { subArray= new Array(2);
   subArray[0]="<--------->";                 //Ö»º¬ÓÐ¶þ¸öÔªËØµÄÊý×é
subArray[1]="";
}
else
{
  subArray= new Array(xbound-1);
  for(i=0;i < xbound-1;i++)
  subArray[i]=dataArray[index][i+1];              //ÓÃ¶þÎ¬Êý×éµÄÆäËûÁÐÔªËØ
  }                              //Ìî³äÐÂ´´½¨µÄÒ»Î¬Êý×é
fill(SelectCtrl,subArray);

}
</script>
</head>

<body onLoad="fillMain(document.form1.MainMenu );">
<FORM name=form1 >
      
      <DIV align=center><SELECT size=1
      onchange="fillSub(this.form.SubMenu, this.selectedIndex-1);"
      name=MainMenu> <option></option><option></option>
       </SELECT> <SELECT
       size=1 name=SubMenu> <option><--------------></option><option></option></SELECT>
      </DIV></FORM> </body>
</html>你可以试试改写在javascript中一些地方使它满足你的要求！
上面的乱码重新贴一次！<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>menu</title>
<SCRIPT language=JavaScript>
//此段可用其他内容替代，暂时用一个9X9乘法表的二维数组来填充   var dataArray = new Array(9);        // 产生乘法表的外壳?
    for (var j = 0; j < dataArray.length; j++)// 准备用行进行填充。
  {
     var aRow = new Array(9);       // 创建一行。
       for (var i = 0; i < aRow.length; i++)// 准备填充这一行。
  {
        aRow[i] = (i + " times " + j + " = " + i*j);  // 计算并存储值。
        }
dataArray[j] = aRow;              // 将已填充的行放入表中。    }
var xbound=9;
var ybound=9;
function fill(SelectCtrl, itemArray)      //填充下拉单
{
var i;
for (i = SelectCtrl.options.length; i >= 0; i--) {   //清空选项
   SelectCtrl.options[i] = null; }
if (itemArray != null)
{
   for (i = 0; i < itemArray.length; i++)
     {
     SelectCtrl.options[i] = new Option(itemArray[i]); //创建选项对象
     if (itemArray[i] != null)
      SelectCtrl.options[i].value = itemArray[i];   // 给选项赋值
     }
  }
  SelectCtrl.options[0].selected = true;          //让第一个选项成为默认选项
}


function fillMain(SelectCtrl)                 // 填充主下拉单
  {var i;
   mainArray= new Array(ybound);
mainArray[0]="Please select!"             //创建一个一维数组，用以装二维数组     for (i=0;i < ybound;i++)               //的首列值
   mainArray[i+1]=dataArray[i][0];
    fill(SelectCtrl, mainArray);
  }  function fillSub(SelectCtrl,index)              //填充子下拉单
  {var i;
  if (index<0)                         //当index<0时创建一个
  { subArray= new Array(2);
   subArray[0]="<--------->";                 //只含有二个元素的数组
subArray[1]="";
}
else
{
  subArray= new Array(xbound-1);
  for(i=0;i < xbound-1;i++)
  subArray[i]=dataArray[index][i+1];              //用二维数组的其他列元素
  }                              //填充新创建的一维数组
fill(SelectCtrl,subArray);

}
</script>
</head>

<body onLoad="fillMain(document.form1.MainMenu );">
<FORM name=form1 >
      
      <DIV align=center><SELECT size=1
      onchange="fillSub(this.form.SubMenu, this.selectedIndex-1);"
      name=MainMenu> <option></option><option></option>
       </SELECT> <SELECT
       size=1 name=SubMenu> <option><--------------></option><option></option></SELECT>
      </DIV></FORM> </body>
</html>
请问如果javascript里面有一个变量的值需要在jsp代码中用到，如何传递呢？具体说就是通过javascript得到选中的列表框的value值，然后传递给jsp代码中的一个变量，用来做调用数据库的参数。请问如何实现呢？