JAVA网页编程之用js+jsp完成在统一个下拉列表中,静态...
JAVA学习必须明确这是一项投资,对于大多数的人来说,学习JAVA是为了就业,还有就是刚走向工作位置的朋友想尽快赶上工作的节奏。js|select|静态|下拉|下拉列表经由两天苦战,总算用js+jsp弄定在统一个下拉框中,在不革新页面的情形下,静态天生多级select选项1、先断定需求及要到达的效果
要到达的效果以下图
[
http://www.alixixi.com/uploadpic/2007-2/200728234121795.jpg
http://www.alixixi.com/uploadpic/2007-2/200728234121284.jpg
http://www.alixixi.com/uploadpic/2007-2/200728234122247.jpg
]
为了便于列位的调试,
我将代码举行了简化,取数据部分我往失落了,列位可修正成本人用的数据
2、申明
现将该计划中,用到的次要技能列鄙人面
1。将数据静态填进js的数组
用以下3句话完成
out.print("<script>");
out.print("selprov=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.length;i++){
harea.add(selprov);
}
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=newArray(newOption(,),newOption(..,goUp),newOption(杭州区域,330100),newOption(宁波区域,330200),newOption(温州区域,330300));");
out.print("selprov=newArray(newOption(,),newOption(..,goUp),newOption(福州区域,350100),newOption(厦门区域,350200),newOption(泉州区域,350300));");
out.print("</script>");
out.print("<script>");
//对每一个省每一个区域的数组增加县市数据
out.print("selarea=newArray(newOption(,),newOption(..,goUp),newOption(杭州市,330101),newOption(萧山市,330102),newOption(余杭市,330102));");
out.print("selarea=newArray(newOption(,),newOption(..,goUp),newOption(宁波市,330201),newOption(余姚市,330202),newOption(奉化市,330203));");
out.print("selarea=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=null;
}
ln=hcity.options.length;
while(ln--){
hcity.options=null;
}
for(vari=0;i<selprov.length;i++){
harea.add(selprov);
}
}
}
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=null;
}
for(vari=0;i<selarea.length;i++){
hcity.add(selarea);
}
}
}
}
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>
通过视频学习比传统的大课堂学习更适合成人化的学习规律。有人说大课堂气氛好,学习氛围浓,热闹,可以认识很多人。 Sun公司看见Oak在互联网上应用的前景,于是改造了Oak,于1995年5月以Java的名称正式发布。Java伴随着互联网的迅猛发展而发展,逐渐成为重要的网络编程语言。 至于JDBC,就不用我多说了,你如果用java编过存取数据库的程序,就应该很熟悉。还有,如果你要用Java编发送电子邮件的程序,你就得看看Javamail 了。 接着就是EJB了,EJB就是Enterprise JavaBean, 看名字好象它是Javabean,可是它和Javabean还是有区别的。它是一个体系结构,你可以搭建更安全、更稳定的企业应用。它的大量代码已由中间件(也就是我们常听到的 Weblogic,Websphere这些J2EE服务器)完成了,所以我们要做的程序代码量很少,大部分工作都在设计和配置中间件上。 那么我书也看了,程序也做了,别人问我的问题我都能解决了,是不是就成为高手了呢?当然没那么简单,这只是万里长征走完了第一步。不信?那你出去接一个项目,你知道怎么下手吗,你知道怎么设计吗,你知道怎么组织人员进行开发吗?你现在脑子里除了一些散乱的代码之外,可能再没有别的东西了吧! 吧,现在很流行的Structs就是它的一种实现方式,不过Structs用起来实在是很繁,我们只要学习其精髓即可,我们完全可以设计自己的MVC结构。然后你再研究一下软件Refactoring (重构)和极限XP编程,相信你又会上一个台阶。 做完这些,你不如整理一下你的Java代码,把那些经典的程序和常见的应用整理出来,再精心打造一番,提高其重用性和可扩展性。你再找几个志同道合的朋友成立一个工作室吧 你快去找一份Java的编程工作来做吧(如果是在校学生可以去做兼职啊),在实践中提高自己,那才是最快的。不过你得祈祷在公司里碰到一个高手,而且他 还愿意不厌其烦地教你,这样好象有点难哦!还有一个办法就是读开放源码的程序了。我们知道开放源码大都出自高手,他们设计合理,考虑周到,再加上有广大的程序员参与,代码的价值自然是字字珠叽,铿锵有力(对不起,偶最近《金装四大才子》看多了)。 Java自面世后就非常流行,发展迅速,对C++语言形成了有力冲击。Java 技术具有卓越的通用性、高效性、平台移植性和安全性,广泛应用于个人PC、数据中心、游戏控制台 所以现在应用最广泛又最好学的就是J2EE了。 J2EE又包括许多组件,如Jsp,Servlet,JavaBean,EJB,JDBC,JavaMail等。要学习起来可不是一两天的事。那么又该如何学习J2EE呢?当然Java语法得先看一看的,I/O包,Util包,Lang包你都熟悉了吗?然后再从JSP学起。 应用在电视机、电话、闹钟、烤面包机等家用电器的控制和通信。由于这些智能化家电的市场需求没有预期的高,Sun公司放弃了该项计划。随着1990年代互联网的发展 还好,SUN提供了Javabean可以把你的JSP中的 Java代码封装起来,便于调用也便于重用。 科学超级计算机、移动电话和互联网,同时拥有全球最大的开发者专业社群。 是一种简化的C++语言 是一种安全的语言,具有阻绝计算机病毒传输的功能 其实说这种话的人就如当年小日本号称“三个月拿下中国”一样大言不惭。不是Tomjava泼你冷水,你现在只是学到了Java的骨架,却还没有学到Java的精髓。接下来你得研究设计模式了。 Java语言支持Internet应用的开发,在基本的Java应用编程接口中有一个网络应用编程接口(java net),它提供了用于网络应用编程的类库,包括URL、URLConnection、Socket、ServerSocket等。Java的RMI(远程方法激活)机制也是开发分布式应用的重要手段。 是一种突破用户端机器环境和CPU 你可以去承接一些项目做了,一开始可能有些困难,可是你有技术积累,又考虑周全,接下项目来可以迅速作完,相信大家以后都会来找你的,所以Money就哗啦啦的。。。。。。 你快去找一份Java的编程工作来做吧(如果是在校学生可以去做兼职啊),在实践中提高自己,那才是最快的。不过你得祈祷在公司里碰到一个高手,而且他 还愿意不厌其烦地教你,这样好象有点难哦!还有一个办法就是读开放源码的程序了。我们知道开放源码大都出自高手,他们设计合理,考虑周到,再加上有广大的程序员参与,代码的价值自然是字字珠叽,铿锵有力(对不起,偶最近《金装四大才子》看多了)。 是一种为 Internet发展的计算机语言 你一定会高兴地说,哈哈,原来成为Java高手就这么简单啊!记得Tomjava也曾碰到过一个项目经理,号称Java很简单,只要三个月就可以学会。
页:
[1]