- 浏览: 6308641 次
- 性别:
- 来自: 一片神奇的土地
文章分类
- 全部博客 (745)
- JQuery (25)
- JS (33)
- 数据库 (59)
- Java基础 (56)
- JSON (8)
- XML (8)
- ireport (7)
- 设计模式 (10)
- 心情 (14)
- freemarker (1)
- 问题 (15)
- powerdesigner (2)
- CSS (15)
- DWR (4)
- tomcat (16)
- Hibernate (12)
- Oracle (7)
- Struts (7)
- Spring (34)
- JSP (23)
- 需学习 (64)
- 工具类库 (63)
- Maven (14)
- 笔试题 (34)
- 源码学习 (31)
- 多线程 (39)
- Android (32)
- 缓存 (20)
- SpringMVC (14)
- jQueryEasyUi (12)
- webservice-RPC (13)
- ant (1)
- ASP.NET (10)
- 正则表达式 (3)
- Linux (15)
- JBoss (1)
- EJB (3)
- UML (2)
- JMS (3)
- Flex (8)
- JSTL (2)
- 批处理 (5)
- JVM (16)
- 【工具】 (16)
- 数据结构 (29)
- HTTP/TCP/Socket (18)
- 微信 (1)
- tomcat源码学习 (15)
- Python (30)
- 主机 (2)
- 设计与架构 (19)
- thrift-RPC (2)
- nginx (6)
- 微信小程序 (0)
- 分布式+集群 (12)
- IO (1)
- 消息队列 (4)
- 存储过程 (8)
- redis (9)
- zookeeper (5)
- 海量数据 (5)
最新评论
-
360pluse:
技术更新,战术升级!Python爬虫案例实战从零开始一站通网盘 ...
Python爬虫实战:Scrapy豆瓣电影爬取 -
18335864773:
推荐用 pageoffice 组件生成 word 文件。
JAVA生成WORD工具类 -
jjhe369:
LISTD_ONE 写道起始地址为163.135.0.1 结束 ...
IP地址与CIDR -
baojunhu99:
private final int POOL_SIZE = 5 ...
使用CompletionService获取多线程返回值 -
LovingBaby:
胡说,javascript 运行时是单线程的,event lo ...
Ajax请求是否可以实现同步
<script type="text/javascript"> window.onload=function(){ translate(); var continentsSelect = document.getElementById("continents"); var countrySelect = document.getElementById("country"); var citySelect = document.getElementById("city"); continentsSelect.value="AS"; doContinentsChang(continentsSelect); countrySelect.value="HK"; doCountryChang(countrySelect); citySelect.value="HKG"; } function doContinentsChang(obj){ var Code = obj.value; var countrySelect = document.getElementById("country"); var num = countrySelect.options.length; for(i = num -1 ; i >=0; i--){ countrySelect.remove(i); } <c:forEach items="${COUNTRIESLIST}" var="country"> if('${country.continents.code}' == Code ){ var objOption = new Option("${country.countryName}"+" - "+"${country.countryNameTc}",'${country.countryCode}'); countrySelect.options[countrySelect.options.length] = objOption; } </c:forEach> } function doCountryChang(obj){ var countryCode = obj.value; var citySelect = document.getElementById("city"); var continentsSelect = document.getElementById("continents"); <c:forEach items="${COUNTRIESLIST}" var="country"> if('${country.countryCode}' == countryCode ){ continentsSelect.value='${country.continents.code}' } </c:forEach> var num =citySelect.options.length; for(i = num-1; i >= 0; i-- ){ citySelect.remove(i); } <c:forEach var='city' items='${CITIESLIST}'> if('${city.countries.countryCode}' == countryCode){ var objOption = new Option("${city.cityName}"+" - "+"${city.cityNameTc}","${city.cityCode}" + " - " + "${city.cityName}"); citySelect.options[citySelect.options.length] = objOption; } </c:forEach> } function doCityChang(obj){ var cityCode = obj.value; } function doConfirm(){ var citySelect = document.getElementById("city"); if(citySelect.value==""){ alert("@TW请选择城市@@CN请选择城市@@ENPlease select city@!"); return false; } window.returnValue=citySelect.value; window.close(); } </script>
<body style="text-align: center;"> <div align="left" style="width: 380px; padding-left: 10px;"> <span T:values="@TW地區@@CN地区@@ENContinent@:"></span><br> <select id="continents" onchange="doContinentsChang(this)" style="width: 300px;"> <c:forEach items="${CONTINENTSLIST}" var="continents"> <option value="${continents.code}"> ${continents.continentsNameEng}(${continents.continentsNameBig5}) </option> </c:forEach> </select> <br> <br> <span T:values="@TW國家@@CN国家@@ENCountryCode@:"></span><br> <select id="country" onchange="doCountryChang(this);" style="width: 350px;"> <c:forEach items="${COUNTRIESLIST}" var="country"> <option value="${country.countryCode}"> ${country.countryName}(${country.countryNameTc}) </option> </c:forEach> </select> <br> <br> <span T:values="@TW城市@@CN城市@@ENCity@:"></span><br> <select id="city" onchange="doCityChang(this)" style="width: 300px;"> </select> <br> <br> <br> <input type="button" onclick="return doConfirm();" T:values="@TW確認@@CN确认@@ENConfirm@"> </div> </body>
主要使用new option(text,value)
将当前值与forEach值遍历构造option.
2、改变城市时获取country的简便方法:
<table style="width:100%;" border="0"> <tr> <td> <span T:values="@TW城市:@@CN城市:@@ENCity:@" ></span> </td> <td> <select name="city" id="city" onChange="doCityChange();" style="width:250px;"> <option value="-1"></option> <c:forEach items="${CITYLISTBYCODE}" var="item" varStatus="i"> <option value="${item.cityCode},${item.cityName},${item.countries.countryName}">${item.cityName} - ${item.cityNameTw}</option> </c:forEach> </select> </td> <td> <input type="text" readonly="true" name="countryName" id="countryName" style="width:110px;"/> </td> <td> <input type="button" onClick="doSelect();" value="Select" style="width:60px;"> </td> </tr> </table>
function doCityChange(){ var city = $("city").value; if(city == "-1"){ $("cityName").value = ""; $("countryName").value = ""; return; } var arr = city.split(","); //$("cityName").value = arr[1]; $("countryName").value = arr[2]; }遍历City时,将与City关联的Country值放入City的value中,最后分割即可!
发表评论
-
Form的onsubmit
2015-02-05 11:06 47141. <form class="for ... -
使文本框不可编辑[不太常用的方法]
2012-09-10 11:17 2374为了使本框不可编辑,我们可以使用下面几种方法 解决思路: 文本 ... -
C 标签使用
2012-07-26 12:16 2885<title>虚拟机管控</title&g ... -
显示结果排序
2012-05-04 14:15 1253<td width="9%" s ... -
GuestName处理方法
2012-01-31 10:39 2056主要考虑如何设计,如何实现,如何思考! 效果: ... -
[基础]Map在JSP中的两种显示方式
2011-10-27 09:36 138171、 Java: for(EglSpecialRequ ... -
JSP自定义标签
2011-09-01 12:07 1677实际使用: <td style="text- ... -
[转]如何用div+css布局页面
2011-08-01 17:58 2256如今web2.0炒的很厉害, ... -
iframe总结 + window.open
2011-06-20 11:47 15850从frame中跳出并转向: parent.window. ... -
window.showModalDialog()
2011-06-01 15:23 3555window.open() 打开一个普通窗口 win ... -
一个星期中某一天存在即显示的思路
2011-05-31 17:48 11211、 days: 1,2,3,4,5,6,0 // ... -
某一模块动态+、—效果的实现
2011-04-21 11:08 1332代码(去掉部分css细节,只关注主要功能): < ... -
批量更新时判断哪个需要更新
2011-04-06 16:03 1841<input type="checkbox ... -
JSP中循环二维数组 + 循环Map
2011-04-01 16:46 7180代码如下: <C:forEach items=&q ... -
使用Table的insertRow实现某一模块的复制
2011-03-21 14:16 3287实现的效果:点击+号添加一组 JSP页面: < ... -
[基础]由复选框实现的批量删除
2011-03-21 11:31 2959批量删除: 选中多个复选框: 每一条记录: ... -
table总结insertRow、deleteRow
2011-03-16 16:13 20465表格有几行: var trCnt = table.rows.l ... -
struts中用到的复选框和查询技巧
2011-03-09 11:06 123实现效果:1、选中复选框时,其后文本框显示,没选中时,隐藏 ... -
js实现的复选框选中时的批量操作
2011-03-04 14:22 56731. var checkedList = []; // sa ... -
利用getParameterNames实现一个按钮所有模块数据都提交
2010-11-27 13:13 15141.总结: 1、注意 ...
相关推荐
select级联下拉列表 JS实多级联动下拉菜单类,简单实现省市区联动菜单! 无刷新级联下拉框的jquery代码 jQuery+HTML5实现的带链接箭头的多级下拉菜单
asp简单的select级联菜单带数据库
一个简单html页面,实现省市的三级级联选择,根据不同情况可以控制不同展现。
一个简单的级联操作,可无限进行级联,根据当前下拉框选中的值,通过ajax请求,到后台看当前节点是否有下子节点,在返回json对象,在通过判断json数据的长度来判断是否显示出下一个下拉框和下拉框的值,对一些新手很...
这是一个用JavaScript写的年,月,日的日期级联select。代码简单明了,易读易用。
一款简单多选的select插件,简单易用,文件里包含demo,能设置默认值和获取已选中的value和text
举个简单的例子,拿教务系统来说,我们要查询教学计划信息,查询条件是入学批次、学生层次(专升本、高升专)、专业、课程。 它们之间有什么级联关系呢?入学批次影响学生层次(某个入学批次可能只有专升本或者高升...
由于业务需要,本代码是由bootstrap 的select改编而成,支持下拉菜单(单选 多选),并且支持有多级菜单,比之前使用3级联动使用方便,代码简单,下载后解压,查看demo.html ,可直接套用.
ASP+JavaScript+SQL四级级联,及无限级级联,超级简单和空间我!我自己写的,有注释并且测试完整!有问题QQ:4321847. 1.class.sql创建分类数据库。 2.select4ji.asp是ASP实现的4级select联菜单。 3.classlist是分类...
js控制select属性变化其实很简单,并不需要 $('#goodsNames').selectpicker('render'); $('#goodsNames').selectpicker('refresh'); 来重新渲染只用 $(".selectpicker").selectpicker({ width : 300,
使用thinkphp框架做出的一个简单的ajax实现的无限添加级联下拉框的例子,ajax写的还可以,比价清晰
在多个相关的SELECT控件中控制选项列表的简便方法
在写一个功能时发现el-select支持多选,但是竟然不支持全选,好无语哦,那就自己实现一下吧~有两种方法,第二种感觉简单些 方法一:下拉项增加一个【全选】,然后应该有以下几种情况: 下拉选项全都勾选时,【全选...
索引是通过快速访问的方法来进行快速定位数据,从而减少了对磁盘的读写操作。 索引是数据库的一个对象,它不能独立存在,必须对某个表对象进行依赖。 提示:索引保存在information_schema数据库里的STATISTICS表中。...
其实很简单的东西啦。页面的图 两个列表都可以多选, 实现如下效果: 1、双击第一个列表中任意一个列表项,实现向下添加 2、双击第二个列表中任意一个列表项,实现删除, 2、点击按钮,实现对应功能。 Html代码 ...
一款简单的基于vue实现的三级联动下拉框代码,适用于各种三级联动下拉菜单选择功能。
简单的调用方式 $.getScript("toregion.js",function(){ var ops = { tree_json:regionConf,//json字符串 tree_json_name:"regionConf",//json字符串变量名称 tree_obj:$('#aid'),//容器id tree_objname:...
本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath()...
它可以像hibernate一样通过简单易用的API接口进行CRUD数据库操作,也可以像mybatis一样通过XML分离进行高效可配的操作;同时它可以混合两种调用方式,简单普遍的操作采用API,复杂的操作采用XML映射,集各家之所长。...
主要介绍了bootstrap treeview 树形菜单带复选框及级联选择功能,代码超简单,感兴趣的朋友跟随脚本之家小编一起学习吧