仓酷云

标题: JAVA网页编程之用js+jsp完成在统一个下拉列表中，静态... [打印本页]

作者: 兰色精灵 时间: 2015-1-18 11:34
标题: JAVA网页编程之用js+jsp完成在统一个下拉列表中，静态...
JAVA学习必须明确这是一项投资，对于大多数的人来说，学习JAVA是为了就业，还有就是刚走向工作位置的朋友想尽快赶上工作的节奏。js|select|静态|下拉|下拉列表经由两天苦战，总算用js+jsp弄定在统一个下拉框中，在不革新页面的情形下，静态天生多级select选项
1、先断定需求及要到达的效果
要到达的效果以下图
[
[img=257style=,283alt=]http://www.alixixi.com/uploadpic/2007-2/200728234121795.jpg[/img]
[img=257style=,283alt=]http://www.alixixi.com/uploadpic/2007-2/200728234121284.jpg[/img]
[img=257style=,283alt=]http://www.alixixi.com/uploadpic/2007-2/200728234122247.jpg[/img]
]
为了便于列位的调试，
我将代码举行了简化，取数据部分我往失落了，列位可修正成本人用的数据
2、申明
现将该计划中，用到的次要技能列鄙人面
1。将数据静态填进js的数组
用以下3句话完成
out.print("<script>");
out.print("selprov[330000]=newArray(newOption(,),newOption(..,goUp),newOption(杭州区域,330100),newOption(宁波区域,330200),newOption(温州区域,330300));");
out.print("</script>");
详细使用时，能够用轮回，将数据不休的out.print(",newOption(xxx,yyy)");增加出来
2.1。中选择了省分后，将区域信息填上天区列表
次要用了上面这个轮回
for(vari=0;i<selprov[hprov.value].length;i++){
harea.add(selprov[hprov.value]);
}
2.2。中选择了区域后，将县市信息填进乡村列表(完成办法同上)
4。用了隐含技能，将3个select放进在统一行中的3个<td></td>中，
然后用<tdstyle="display:none">举行埋没，每次3个<td>中，只要一项是可见的
如：当必要区域显现时，用以下js语句
d2.style.display="";
d1.style.display="none";
d3.style.display="none";

3、源代码
<%@pagecontentType="text/html;charset=GBK"%>
<html>
<head>
<title>city</title>
<scriptlanguage="JavaScript">
varselprov=newArray();
varselarea=newArray();
</script>
<%
out.print("<script>");
//对每一个省的数组增加区域数据
out.print("selprov[330000]=newArray(newOption(,),newOption(..,goUp),newOption(杭州区域,330100),newOption(宁波区域,330200),newOption(温州区域,330300));");
out.print("selprov[350000]=newArray(newOption(,),newOption(..,goUp),newOption(福州区域,350100),newOption(厦门区域,350200),newOption(泉州区域,350300));");
out.print("</script>");
out.print("<script>");
//对每一个省每一个区域的数组增加县市数据
out.print("selarea[330100]=newArray(newOption(,),newOption(..,goUp),newOption(杭州市,330101),newOption(萧山市,330102),newOption(余杭市,330102));");
out.print("selarea[330200]=newArray(newOption(,),newOption(..,goUp),newOption(宁波市,330201),newOption(余姚市,330202),newOption(奉化市,330203));");
out.print("selarea[350100]=newArray(newOption(,),newOption(..,goUp),newOption(福州市,350101),newOption(福清市,350102),newOption(福xx市,350102));");
out.print("</script>");
%>
<script>
</script>
<script>
functionprov_chg()
{
with(document.all){
if(hprov.value){
varln=harea.options.length;
while(ln--){
harea.options[ln]=null;
}
ln=hcity.options.length;
while(ln--){
hcity.options[ln]=null;
}
for(vari=0;i<selprov[hprov.value].length;i++){
harea.add(selprov[hprov.value]);
}
}
}
if(document.form1.hprov.value!="")
{
d2.style.display="";
d1.style.display="none";
d3.style.display="none";
}
else{
}
}
functionarea_chg()
{
if(document.form1.harea.value=="goUp")
{
document.form1.hprov.value="";
d1.style.display="";
d2.style.display="none";
d3.style.display="none";
}elseif(document.form1.harea.value!="")
{
d1.style.display="none";
d2.style.display="none";
d3.style.display="";
}
with(document.all){
if(harea.value){
varln=hcity.options.length;
while(ln--){
hcity.options[ln]=null;
}
for(vari=0;i<selarea[harea.value].length;i++){
hcity.add(selarea[harea.value]);
}
}
}
}
functioncity_chg(){
if(document.form1.hcity.value=="goUp")
{
d1.style.display="none";
d2.style.display="";
d3.style.display="none";
}
}
</script>
</head>
<bodybgcolor="#ffffff">
<formname="form1"method="post"action="./city.jsp">
<table>
<tr></tr>
<tr>
<tdstyle="display:inline"id="d1">省分
<selectid="hprov">
<optionvalue=""></option>
<%
out.print("<optionvalue=330000>浙江省</option>");
out.print("<optionvalue=350000>福建省</option>");
%>
</select></td>
<tdstyle="display:none"id="d2">区域
<selectid="harea">
<optionvalue=""></option>
</select></td>
<tdstyle="display:none"id="d3">县市
<selectid="hcity">
<optionvalue=""></option>
</select></td>
</tr>
</table>
</form>
</body>
</html>

通过视频学习比传统的大课堂学习更适合成人化的学习规律。有人说大课堂气氛好，学习氛围浓，热闹，可以认识很多人。
作者: 深爱那片海 时间: 2015-1-21 10:15
Sun公司看见Oak在互联网上应用的前景，于是改造了Oak，于1995年5月以Java的名称正式发布。Java伴随着互联网的迅猛发展而发展，逐渐成为重要的网络编程语言。
作者: 再现理想 时间: 2015-2-4 15:47
至于JDBC，就不用我多说了，你如果用java编过存取数据库的程序，就应该很熟悉。还有，如果你要用Java编发送电子邮件的程序，你就得看看Javamail 了。
作者: 分手快乐 时间: 2015-2-9 02:26
接着就是EJB了，EJB就是Enterprise JavaBean, 看名字好象它是Javabean，可是它和Javabean还是有区别的。它是一个体系结构，你可以搭建更安全、更稳定的企业应用。它的大量代码已由中间件（也就是我们常听到的 Weblogic,Websphere这些J2EE服务器）完成了，所以我们要做的程序代码量很少，大部分工作都在设计和配置中间件上。
作者: 仓酷云 时间: 2015-2-26 18:29
那么我书也看了，程序也做了，别人问我的问题我都能解决了，是不是就成为高手了呢？当然没那么简单，这只是万里长征走完了第一步。不信？那你出去接一个项目，你知道怎么下手吗，你知道怎么设计吗，你知道怎么组织人员进行开发吗？你现在脑子里除了一些散乱的代码之外，可能再没有别的东西了吧！
作者: admin 时间: 2015-3-8 16:35
吧，现在很流行的Structs就是它的一种实现方式，不过Structs用起来实在是很繁，我们只要学习其精髓即可，我们完全可以设计自己的MVC结构。然后你再研究一下软件Refactoring (重构)和极限XP编程，相信你又会上一个台阶。做完这些，你不如整理一下你的Java代码，把那些经典的程序和常见的应用整理出来，再精心打造一番，提高其重用性和可扩展性。你再找几个志同道合的朋友成立一个工作室吧
作者: 不帅 时间: 2015-3-11 05:46
你快去找一份Java的编程工作来做吧（如果是在校学生可以去做兼职啊），在实践中提高自己，那才是最快的。不过你得祈祷在公司里碰到一个高手，而且他还愿意不厌其烦地教你，这样好象有点难哦！还有一个办法就是读开放源码的程序了。我们知道开放源码大都出自高手，他们设计合理，考虑周到，再加上有广大的程序员参与，代码的价值自然是字字珠叽，铿锵有力（对不起，偶最近《金装四大才子》看多了）。
作者: 小魔女 时间: 2015-3-17 21:19
Java自面世后就非常流行，发展迅速，对C++语言形成了有力冲击。Java 技术具有卓越的通用性、高效性、平台移植性和安全性，广泛应用于个人PC、数据中心、游戏控制台
作者: 变相怪杰 时间: 2015-3-20 18:28
所以现在应用最广泛又最好学的就是J2EE了。 J2EE又包括许多组件，如Jsp,Servlet,JavaBean,EJB,JDBC,JavaMail等。要学习起来可不是一两天的事。那么又该如何学习J2EE呢？当然Java语法得先看一看的，I/O包，Util包，Lang包你都熟悉了吗？然后再从JSP学起。
作者: 海妖 时间: 2015-3-20 19:14
应用在电视机、电话、闹钟、烤面包机等家用电器的控制和通信。由于这些智能化家电的市场需求没有预期的高，Sun公司放弃了该项计划。随着1990年代互联网的发展
作者: 因胸联盟 时间: 2015-3-30 05:33
还好，SUN提供了Javabean可以把你的JSP中的 Java代码封装起来，便于调用也便于重用。
作者: 小妖女 时间: 2015-3-31 18:01
科学超级计算机、移动电话和互联网，同时拥有全球最大的开发者专业社群。
作者: 若相依 时间: 2015-4-1 08:07
是一种简化的C++语言是一种安全的语言，具有阻绝计算机病毒传输的功能
作者: 莫相离 时间: 2015-4-4 09:18
其实说这种话的人就如当年小日本号称“三个月拿下中国”一样大言不惭。不是Tomjava泼你冷水，你现在只是学到了Java的骨架，却还没有学到Java的精髓。接下来你得研究设计模式了。
作者: 冷月葬花魂 时间: 2015-4-7 01:10
Java语言支持Internet应用的开发，在基本的Java应用编程接口中有一个网络应用编程接口（java net），它提供了用于网络应用编程的类库，包括URL、URLConnection、Socket、ServerSocket等。Java的RMI（远程方法激活）机制也是开发分布式应用的重要手段。
作者: 金色的骷髅 时间: 2015-4-10 05:25
是一种突破用户端机器环境和CPU
作者: 柔情似水 时间: 2015-4-11 18:00
你可以去承接一些项目做了，一开始可能有些困难，可是你有技术积累，又考虑周全，接下项目来可以迅速作完，相信大家以后都会来找你的，所以Money就哗啦啦的。。。。。。
作者: 只想知道 时间: 2015-4-16 03:11
你快去找一份Java的编程工作来做吧（如果是在校学生可以去做兼职啊），在实践中提高自己，那才是最快的。不过你得祈祷在公司里碰到一个高手，而且他还愿意不厌其烦地教你，这样好象有点难哦！还有一个办法就是读开放源码的程序了。我们知道开放源码大都出自高手，他们设计合理，考虑周到，再加上有广大的程序员参与，代码的价值自然是字字珠叽，铿锵有力（对不起，偶最近《金装四大才子》看多了）。
作者: 灵魂腐蚀 时间: 2015-4-17 07:59
是一种为 Internet发展的计算机语言
作者: 再见西城 时间: 2015-4-26 04:09
你一定会高兴地说，哈哈，原来成为Java高手就这么简单啊!记得Tomjava也曾碰到过一个项目经理，号称Java很简单，只要三个月就可以学会。

欢迎光临仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2