日期:2014-05-17  浏览次数:20852 次

有简单方法实现3级联动下拉框选择刷新数据而不刷新页面不?


能否通过修改这下面的代码实现不刷新页面而刷新数据呢?

HTML code
<select name="type" onChange="form1.submit()">
          <option value="0"<%if nowtype="0" then%> selected="selected"<%end if%>>THDS</option>
        <option value="1"<%if nowtype="1" then%> selected="selected"<%end if%>>TFDS</option>
        <option value="2"<%if nowtype="2" then%> selected="selected"<%end if%>>TPDS</option>
        <option value="3"<%if nowtype="3" then%> selected="selected"<%end if%>>TADS</option>
        <option value="4"<%if nowtype="4" then%> selected="selected"<%end if%>>AEI</option>
        <option value="5"<%if nowtype="5" then%> selected="selected"<%end if%>>HMIS</option>
        <option value="6"<%if nowtype="6" then%> selected="selected"<%end if%>>电动脱轨器</option>
        <option value="7"<%if nowtype="7" then%> selected="selected"<%end if%>>手持机</option>
        <option value="8"<%if nowtype="8" then%> selected="selected"<%end if%>>智能风表</option>
        <option value="9"<%if nowtype="9" then%> selected="selected"<%end if%>>办公网络</option>
        </select></td>
        </tr>    
      </form>
      <form name="form2">
      <input type="hidden" name="type" value="<%=nowtype%>">
      <tr>
        <td align="right" height="30">故障所属大类:</td>
        <td class="category">
    <%
    sql="select * from money_bigclass where type="&nowtype&" order by id"
    set rs_bigclass=conn.execute(sql)
    if rs_bigclass.eof then
    %>
    <script language="javascript">
      alert("请先添加帐务大类!")
      window.location.href="../money/bigclass_add.asp"
    </script>
    <%
      response.end
    end if
    nowbigclass=request("bigclass")
    if nowbigclass="" then
      nowbigclass=rs_bigclass("id")
    end if
    %>
      <select name="bigclass" onChange="form2.submit()">
        <%
    do while rs_bigclass.eof=false
    %>
        <option value="<%=rs_bigclass("id")%>"<%if trim(cstr(rs_bigclass("id")))=nowbigclass then%> selected="selected"<%end if%>><%=rs_bigclass("bigclass")%></option>
        <%
      rs_bigclass.movenext
    loop
    %>


------解决方案--------------------
你的问题还没解决呀。想要最简单那就把所有分类输出形式json数组,给select绑定onchange事件那就解决了。
------解决方案--------------------
多级下拉 我现在都用ajax来完成
------解决方案--------------------
即兴给你写的例子:
HTML code
一级:<select name="cat1" id="cat1"></select>
二级:<select name="cat2" id="cat2"></select>
三级:<select name="cat3" id="cat3"></select>
<script type="text/javascript">
var json=[
    {name:"一级1",id:1,pid:0},
    {name:"一级2",id:2,pid:0},
    {name:"一级3",id:3,pid:0},
    {name:"二级1-1",id:4,pid:1},
    {name:"二级1-2",id:5,pid:1},
    {name:"二级1-3",