html select下拉菜单 从数据库中读取 ajax
2015-11-24 15:56
381 查看
首先
html中:
在body中我们定义一个onload函数:
html中:
<span style="font-size:18px;"> <td>港口名称:</td> <td> <select name="ttc_portname" id="ttc_portname" style="width:158px;"> </select> </td></span>下面为给下拉菜单赋值:
在body中我们定义一个onload函数:
<span style="font-size:18px;"> <body onload="getCHART_NAME()"> </span>然后在js中定义函数
<span style="font-size:18px;"> function getPORT_NAME()//港口字段 下拉菜单自动从数据库中读取填充 { var str="select 字段名 from 数据库名 t group by 字段名"; ajax(str); } 下面我们写异步传输ajax: function ajax(str) { if (xmlhttp!=null) { xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 &&xmlhttp.status==200) { document.getElementById_x_x("ttc_portname").innerHTML=xmlhttp.responseText; // 此时接受到后台传来的str语句添加到innerHTML,即完成下拉菜单的赋值 } }; } var src ="/tjhc/ajax/1.jsp?str=" + str; / /此处为ajax后台地址,我们将语句传输到后台 xmlhttp.open("POST",src,true); xmlhttp.send(); } 以下为后台 String sql =request.getParameter("str"); String def=request.getParameter("def"); if(def!=null) def = newString(def.getBytes("ISO-8859-1"),"utf-8"); else def=""; String str =""; StringPORT_NAME=""; ConnectionmyConn = new ConnDB().getConn(); if(sql!=null&&(sql!="")&&!sql.equals("null")) { PreparedStatement mySta = myConn.prepareStatement(sql); ResultSet rs= mySta.executeQuery(); while(rs.next()) { PORT_NAME= rs.getString("PORT_NAME"); if(PORT_NAME != "" && PORT_NAME!= null) { if (PORT_NAME.equals(def)) { str +=""+PORT_NAME+""; } else { str +=""+ PORT_NAME +""; } } } out.print(str);//将str传输到ajax rs.close(); mySta.close(); } 若我们有多个下拉菜单,可以分多个ajax 一个处理完在下面激活另一函数,以此类推! </span>
相关文章推荐
- ORA-01126: 数据库必须已装载到此实例并且不在任何实例中打开
- 分析Redis架构设计
- Linux内核参数(如kernel.shmmax)及Oracle相关参数调整(如SGA_MAX_SIZE)
- Oracle性能调优
- Oracle 分区表
- Oracle在Linux平台安装时涉及的/etc/security/limits.conf
- Oracle SQL性能优化
- Navicat for MySQL 查看BLOB字段内容
- Oracle 数据库导出数据泵(EXPDP)文件存放的位置
- Oracle完整性约束
- Mysql导出表结构及表数据 mysqldump用法
- python+redis测试环境搭建
- API访问频率限制的解决方案
- 数据库名、实例名、全局数据库名、服务名的区别
- Oracle表分区和索引分区汇总
- LANMP环境下安装redis以及为php7安装redis扩展
- ORACLE SQL性能优化系列 (四)
- ORACLE SQL性能优化系列 (五)
- redis基础-windows
- ORACLE SQL性能优化系列 (七)