怎样制作jsp级联选项框

作者&投稿:锻鬼 (若有异议请与网页底部的电邮联系)
jsp,问题,下面点击增加选项的时候会出现选项框,怎么写代码?~

Document 1
2
3
function aa() {var show = document.getElementById('show');var sChild = show.getElementsByTagName('input');var len = sChild.length + 1;var add = len + '
';show.innerHTML += add;; } 试试

就是在打开这个页面时
查询数据库是否有未读的信息 如果条数大于0
就显示这个层

<html>
<head>
<title>SIGN UP</title>
<%
Class.forName("org.gjt.mm.mysql.Driver").newInstance();
String url ="jdbc:mysql://localhost/reg?user=root&password=625&useUnicode=true&characterEncoding=ISO8859_1" ;
Connection conn= DriverManager.getConnection(url);
Statement stmt=conn.createStatement();
ResultSet rs;
%>
<script language = "JavaScript">
var onecount;
onecount=0;
subcat = new Array();
<%
int count = 0;
rs=stmt.executeQuery("select * from University");
while(rs.next())
{
String university=new String(rs.getString("University").getBytes("GBK"),"ISO8859_1");
%>
subcat[<%=count%>] = new Array("<%="university"%>","<%=rs.getInt("InCountry")%>","<%=rs.getInt("PI_Key")%>");//2úéúêy×é
<%
count = count + 1;
}
%>
onecount=<%=count%>;

function changelocation(id)
{
document.form1.uselect.length = 0;

var id=id;
var i;
document.form1.uselect.options[0] = new Option('--Select--','');
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == id)
{
document.form1.uselect.options[document.form1.uselect.length] = new Option(subcat[i][0], subcat[i][2]);
}
}

}

</script>
<script LANGUAGE=javascript>
changelocation(document.form1.ctselect.options [document.form1.ctselect.selectedIndex].value); //将一级分类的value传给changelocation()函数,生成二级分类的列表
</script>
</head>

<body>
<div align="center"></div>
<form name="form1" method="post" action="" >
<table width="609" border="1" align="center">
<tr>
<td width=21% height="2" bgcolor="#efefef"> <div align="center" class="style2">Surname</div></td>
<td width=79% height="2"><span class="style2"><b>
<b>
<input name="Surname" type="text" id="date" size="60">
</b> </b></span></td>
</tr>
<tr>
<td width=21% height="2" bgcolor="#efefef"> <div align="center" class="style2">GivenName</div></td>
<td width=79% height="2"><span class="style2"><b>
<b>
<input name="GivenName" type="text" id="date" size="60">
</b> </b></span></td>
</tr>
<tr>
<td width=21% height="2" align="center" bgcolor="#efefef">Country</td>
<td height="2"><span class="style5">
<select name="ctselect" id="ctselect" onChange="changelocation(document.form1.ctselect.options[document.form1.ctselect.selectedIndex].value)">
<option value="2">--Select--</option>

<%
rs=stmt.executeQuery("select * from Country");
while(rs.next())
{
String Country = new String(rs.getString("Country").getBytes("ISO8859_1"),"ISO8859_1");
System.out.println(Country);
%>
<option value="<%=rs.getInt("PI_Key")%>"><%=Country%></option>
<%
}
%>
</select></td>
</tr>
<tr>
<td width=21% height="2" align="center" bgcolor="#efefef">University</td>
<td>
<select name="uselect">
<option value="" selected>--Select--</option>
</select>
</td>
</tr>

<tr>
<td width=21% height="15" bgcolor="#efefef"> <div align="center" class="style8">City</div></td>
<td height="15">
<span class="style8">
<input name="City" type="text" id="date" size="60">
</font></b></span></td>
</tr>
<tr>
<td height="15" bgcolor="#efefef"> <div align="center">Organization</div></td>
<td height="15"> <input name="Organization" type="text" id="date" size="60">
</td>
</tr>
<tr>
<td height="15" bgcolor="#efefef"> <div align="center">Street</div></td>
<td >
<input name="Street" type="text" id="date" size="60">
</td>
</tr>
<tr>
<td width=21% height="15" bgcolor="#efefef"> <div align="center">Phone</div></td>
<td ><input name="Phone" type="text" id="date" size="60">
</td>
</tr>
<tr>
<td width=21% height="15" bgcolor="#efefef"> <div align="center">PostalCode</div></td>
<td height="15"><input name="PostalCode" type="text" id="date" size="60">
<div align="center"></div></td>
</tr>
<tr>
<td height="44" colspan="2">
<div align="center">
<input type="submit" name="Submit3" value="1">
      
<input type="reset" name="Submit22" value="2">
</div></td>
</tr>

</table>
</form>
</center>
</div>
</body>
</html>

用ajax可以简单漂亮的实现,我的空间有个简单的。
我也曾经做过一个和你说的类似的东西,好像最难的是把数据用javscript写到option里!


jsp下拉框联动
My JSP 'MyJsp.jsp' starting page < \/ 级联菜单形式,最好由ajax做,那样页面显示的更友好,现在使用javascript演示 已经测试通过,具体操作请按情况区别。\/ \/*---Method---*\/ \/*第一级菜单 封装成Map集合,方便页面取值*\/ Map<String,String> mapOne = new HashMap<String,String>()...

怎么用JAVA实现省市级联?
首先得把省的数据读出来,放在省的下拉列表里面,然后调用JavaScript的onchange方法,创建级联列表。注意的是Javascript接收Java传递过来的数据只能是字符串形式。

级联菜单传值问题
只有现象,很难断定你错在哪里的?级联的一般用Ajax去做,当选择省的时候,获取所选省份值,向服务器传递值,通过逻辑处理,返回所对应数据,再在页面上显示数据。你可以按照思路去寻找错误,看看后台有没有接受到数据,看看前台JS有没有写错等等,逐项排除。

jsp如何实现可输入下拉列表
业务线应用程序可受益于这些技术,从而提供更加直观、更具响应性的用户界面。这篇文章描述了如何基于 Ajax 构建可重用的 JSP Taglib 控件,为 Java Platform, Enterprise Edition (Java EE) Web 应用程序添加 Ajax 和 JSON。在这篇文章中,我介绍了如何构建级联式下拉控件,根据其他表单字段值动态填充 ...

JSP 动态下拉列表判断!急急急 !!!
级联jsp页面 var xhr;function createXmlHttpRequest(){ \/\/创建xmlhttprequest对象的方法 if(window.ActiveXObject){ xhr=new ActiveXObject("Microsoft.XMLHTTP");}else{ xhr=new XMLHttpRequest();} } function statechange(){ \/\/ajax状态位的判断的方法 只有4 和 200的时候才是正常状态 if(xhr...

级联问题
这个可以用ajax技术或者DWR技术来搞定,但是代码很麻烦。

在jsp表单上,点选一个下拉列表中的选项,从数据库中调出数据,自动填充...
用到下拉框 onchange事件,事件调用的函数思路如下:1 创建xmlHttpRequest对象 xmlhttp 2 发送请求给服务器xmlHttp.open('GET',url,false);3 得到返回的数据 string str = xmlHttp.responseText;4 给文本框赋值 document.getElementById('文本框id').value = str;细节你自己写一下就ok了 ...

JSP中下拉框问题
这个问题很好解决 给你一个例子吧 把它改动一下 你就可以赶紧去解决你碰到的问题了 <!DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN"> <HTML> <HEAD> <TITLE>3级级联下拉列表 <\/TITLE> <META http-equiv="content-type" CONTENT="text\/html;charset=gb2312"> <META NAME=...

JSP怎样获取当前页select值并作为后面判断条件
\/\/selectedIndex == 0 表示选了:用户部门 if(document.forms[form1].select[0].selectedIndex == 0){ document.getElementById('sel').style.display = "";document.getElementById('in').style.display = "none";return;} \/\/selectedIndex == 0 表示选了:用户姓名 if(document.forms[form1...

用ajax加载的级联菜单如何设置action传过来的值默认被选中
不知道你这个select是怎么被填充的 我是传个Map过了,然后key就是option的value , value就是option 的值 循环过程中,判断Map的value是否和默认值一致,如果一致 就在该option 中加入 selected="selected"就可以被选中了

同心县13516257032: jsp中做下拉菜单的级联 不用AJAX(不懂那个) -
伯牙吾台翰艾力: <html> <head> <title>两级下拉级联菜单</title> <script language="JavaScript"> <!-- //第一维:第一个下拉列表的值 //第二维:第二个下拉列表中看到的字符串 //第三维:第二个下拉列表中的值 var subcat = new Array(); //如果大类的值是动...

同心县13516257032: jsp中如何实现下拉框二级联动 -
伯牙吾台翰艾力: 你这些个选项是写死的值,还是从数据库里面取到的?如果是写死的值的话,标准类别后面的select标签onChange事件上面绑定function,里面根据当前的选择项来改变二级分类的选项和状态,如果是从数据库里面取值,在onChange事件绑定的function里面用ajax来去后台查询相应的option.

同心县13516257032: jsp下拉框联动 -
伯牙吾台翰艾力: 用el与jstl表达式一下解决. 我随便copy一段吧 eg:<c:forEach var="b" varStatus="status" step="1" items="${provddMap }"> <li datavalue="${b.PPKEY }" class="cus-sel-opt" name="PrvCd_bank"> <span class="cus-sel-opt-txt">${b.PPNAME}</span> </li> </c:forEach>

同心县13516257032: 如何在jsp里面实现两级级联下拉列表! -
伯牙吾台翰艾力: <script language = "JavaScript"> type2s=new Object();<% Connect conn= new Connect(); String str1="select count(distinct menu1) from classify group by menu1"; ResultSet rs1=conn.pst.executeQuery(str1); while(rs1.next()){ str1="select*...

同心县13516257032: 如何在JSP页面中设置联动下拉框 -
伯牙吾台翰艾力: 在JSP页面开发的时候会遇到两个甚至更多的下拉框相关联来指定某个目标,即第二个下拉框需要根据第一下拉框所选择的项显示可选项,比如第一个下拉框内容为省份,第二个下拉框内容为城市,根据两个下拉框联动来找到某个省的某个市.

同心县13516257032: 在jsp中下拉框的二级联动的编写思路 -
伯牙吾台翰艾力: 我给你讲思路: 比如 省、市、 首先是 数据库表(说的明确一点 这里用两张表) 省:s_id s_name 市:c_id c_name s_id 两个下拉框:首先进入页面时 就把省的name 都加在到下拉框 下拉框的<option value="s_id">s_name</option> 触发 省下拉框时:用ajax 把省的id传到后台 查出 city表中s_id等于传过来的s_id的 市 的所有值! 加载到城市的下拉框!说的不是很清楚!还有不懂的 Q我啊!623791070 呵呵……

同心县13516257032: JSP下拉框二级联动 -
伯牙吾台翰艾力: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%@ page import="java.util.*" %><% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+...

同心县13516257032: 求 jsp二级级联下拉菜单代码.. -
伯牙吾台翰艾力: 配置dwr(实现AJAX的一种),这里就不多说了,去网上查查很多的. =======页面代码======== <script type='text/javascript' src='/hiWithMe/dwr/interface/GetCity.js'></script> <script type='text/javascript' src='/hiWithMe/dwr/engine.js'></script> ...

同心县13516257032: JSP里怎么实现三级联动呢? -
伯牙吾台翰艾力: arrSelect3 = (arrText[i].select3).split(","); for(j = 0;j

同心县13516257032: 请教高手:在jsp中怎样用struts实现二级联动菜单呀?请给出示例源码,谢谢!! -
伯牙吾台翰艾力: 其实只需要自己写一点代码即可: 我一般喜欢采用XML中间层,你也可以让JSP直接输出XML档作为数据源.基于XML的动态N级联动XML数据文件: mselect.xml <?xml version="1.0" encoding="GB2312" ?> <Troot><Item id="1" pid...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网