使用onchange事件怎调用数据库?

产品分类表：class
字段：id（标识）、classname（分类名称，varchar）、classInstr（分类属性，varchar）。
想在分类的下拉菜单后面显示分类的属性。
不知道这个onchange事件的showAttr函数怎么写？
<body>
<form id="form1" name="form1" method="post" action="">
  <table width="77%" height="65" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="24%">分类名称：</td>
      <td width="76%">
  <%
  dim rs,sql
  set rs=server.createobject("adodb.recordset")
  sql="select classname from class_Table"
  rs.open sql,conn,1,1
  %>
  <select name="select" onchange="showAttr(this.value)">
    <option value="<%=rs("classname")%>"><%=rs("classname")%></option>
<%
rs.movenext
loop
rs.close
set rs=nothing
%>
      </select><span id="classAttr"> 想在这里显示选中类别的属性。</span>
  </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
</body>

解决方案 »

  1.   

    上面少了一句代码。<body>
    <form id="form1" name="form1" method="post" action="">
      <table width="77%" height="65" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="24%">分类名称：</td>
          <td width="76%">
      <%
      dim rs,sql
      set rs=server.createobject("adodb.recordset")
      sql="select classname from class_Table"
      rs.open sql,conn,1,1
      %>
      <select name="select" onchange="showAttr(this.value)">
      <%
      do while not rs.eof
      %>
        <option value="<%=rs("classname")%>"><%=rs("classname")%></option>
    <%
    rs.movenext
    loop
    rs.close
    set rs=nothing
    %>
          </select><span id="classAttr"> 想再这里显示选中类别的属性。</span>
      </td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
      </table>
    </form>
    </body>
      

  2.   

    用ajax动态读取即可~~可以去这里下载些代码自己看
      

  3.   

    <script>
    function showAttr(id){
      document.getElementById("classAttr").innerHTML="属性为："+document.getElementById(id).value;
    }
    </script>
    <form id="form1" name="form1" method="post" action="">
      <table width="77%" height="65" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="24%">分类名称：</td>
          <td width="76%">
          <%
          dim rs,sql
          set rs=server.createobject("adodb.recordset")
          sql="select * from class_Table"
          rs.open sql,conn,1,1
          %>
          <select name="select" onchange="showAttr(this.value)">
          <%
          do while not rs.eof
          %>
            <option value="<%=rs("id")%>"><%=rs("classname")%></option>
            <input type=hidden id='<%=rs(id)%>' value='<%=rs("classInstr")%>'>
            <%
            rs.movenext
            loop
            rs.close
            set rs=nothing
            %>
          </select><span id="classAttr"> 想再这里显示选中类别的属性。</span>
          </td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
      </table>
    </form>
      

  4.   

    给你一段关于Ajax的简单的代码，你回去自己好好研究下。要注意乱码的问题，别在页面上写java代码，还是用AJAX吧。// a. 获得XMLHTTPRequest对象
    var xmlhttp;function newXMLHttpRequest(){


    if(window.XMLHttpRequest){

    xmlhttp = new XMLHttpRequest();

    }else if(window.ActiveXObject){

    try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e1) {

    try {

    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

    } catch (e2) {

    } } 
    }

    }function startRequest(type){

    var hidValue = document.forms[0].hidValue.value = "hidValue";

    newXMLHttpRequest();

    var idTxt = document.getElementById("idTxt").value;

    xmlhttp.onreadystatechange = handleStateChange;

    var url = "A6000Ajax.do?"+encodeURI(encodeURI("type="+type));



    xmlhttp.open("POST",url,true);

    var params = encodeURI(encodeURI("type="+type));

    xmlhttp.send(null);

    }function handleStateChange(){

    if(xmlhttp.readyState == 4){
    if(xmlhttp.status == 200){

    var results = xmlhttp.responseText;

    var sv = new Array();

    sv = results.toString().split("-");



    var value = document.getElementById("sltValue");

    if(value.length>0){

    value.length = 0;
    }

    for(var i=0;i<sv.length-1;i++){
    value.add(new Option(sv[i],sv[i]));
    }
    }
    if(xmlhttp.status == 404){
    //alert("false");

    }
    }
    }