- 浏览: 563272 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (411)
- webservice (3)
- oracle (37)
- sqlserver (8)
- j2ee (56)
- linux (7)
- javaweb (47)
- office (1)
- struts (23)
- hibernate (11)
- spring (29)
- 网络 (2)
- tomcat (13)
- tongweb (0)
- weblogic (0)
- powerdesiginer (3)
- svn (3)
- js (20)
- ie (2)
- 编译 (3)
- css (2)
- 操作系统 (5)
- Android (41)
- jbpm4.3 (1)
- fckeditor (3)
- 操作excel (2)
- db2常用命令 (1)
- ibatis (5)
- mysql (16)
- 表达式语言 (1)
- java方式调用存储过程 (1)
- ca (1)
- linux客户端 (1)
- 电子数码 (1)
- 行业应用 (12)
- 开发工具 (4)
- 面试 (1)
- 计算机原理 (1)
- NOSQL (5)
- 虚拟机 (1)
- nginx (0)
- velocity (2)
- jndi (1)
- spring mvc (39)
- springmvc (32)
- 安全 (5)
- htmleditor (6)
- iphone4 (1)
- html (4)
- jstl (2)
- ckeditor (5)
- 连接池 (1)
- jquery (6)
- 分页 (1)
- 技术研发规则 (1)
- javamail (1)
- maven (2)
- upload (1)
- log (1)
- 测试 (10)
- spring roo (1)
- 版本控制 (2)
- find bugs (0)
- jsf (0)
- springroo (0)
- 小道理 (1)
- 小道理,技术标准 (1)
- jsf (0)
- bitbao (2)
- redmine (3)
- 团队意识 (1)
- mybatis (2)
- jquery mobile (1)
- flexpaper (0)
- json (4)
- URLRewriteFilte (1)
- html5 (1)
- 都乐保活动 (0)
- openfire (0)
- TreeMap (1)
- build (0)
- javaweb,tag (0)
- algorithm (1)
- tag (2)
- 扯淡 (0)
- mac (2)
- 叶一火(老一) (1)
- 游玩 (1)
- 编码 (1)
- 上线部署 (0)
- 研发管理 (0)
- thumbnailator (2)
- 旅游 (0)
- bingweibo (1)
- 杂谈 (4)
- ktv (1)
- weibo (1)
- 爱情 (2)
- 饮食 (1)
- MediaWiki (1)
- git (1)
- 版本库 (1)
- servlet (1)
- 感悟 (1)
- 人生 (1)
- highcharts (1)
- poi (0)
- websphere (0)
- php (1)
最新评论
-
woshixushigang:
good
org.springframework.beans.TypeMismatchException: Failed to convert property valu -
nathanleewei:
org.springframework.jdbc.core.B ...
org.springframework.beans.TypeMismatchException: Failed to convert property valu -
浪禾木:
请问是ckeditor\contents.css吗?改过以后 ...
ckeditor自动换行问题 -
simusuishi:
刚哥威武!
ckeditor取值赋值问题 -
a455642158:
收割完毕……
Android开源项目源码下载(不断更新中)
如图是新增地区时候用jquery操作下拉框。
父地区名称中两个下拉框分别表示为省,市地区。当我选中省级下拉框时候异步查询出市级数据放在市级下拉框内并最先展示请选择,地区编码参照及地区级别都是异步查询出来的。
当我再次将市级下拉框选中为“---请选择---” 则清空所有数据令省级下拉框选中为“----请选择----”
$('#newsupnamesheng').val('-1');
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="you_01"> <tr> <td width="14"><img src="images/010.jpg" width="14" height="34" /></td> <td align="left" valign="middle" class="you_01" id="xinzengxiugai"><strong>新增地区</strong></td> </tr> </table> <table width="100%" border="1" align="center" bordercolor="#c6ecda" cellspacing="1" cellpadding="2" > <tr> <td height="28" align="right" class="biao_01"> 父地区名称 </td> <td height="28" align="left"><input type="hidden" name="areaid" id="areaid" class="biao_01"> <select id="newsupnamesheng" name="newsupnamesheng" style="display: inline;" onChange="provincename(this.value)"> <option value="-1"> ---请选择--- </option> </select> <input type="text" id="newsupnamesheng1" name="newsupnamesheng1" style="display: none;" disabled="disabled"> <select id="newsupnameshi" name="newsupnameshi" style="display: inline;" onChange="city(this.value)"> <option value="-1"> ---请选择--- </option> </select> </td> <td height="28" align="right" class="biao_01"> 参照地区编码 </td> <td height="28" align="left" class="biao_01"><input type="text" id="areasupcode" name="areasupcode" disabled="disabled"> </td> <td height="28" align="right" class="biao_01"> 地区编码 </td> <td height="28" align="left" class="biao_01"><input type="text" id="areacode" name="areacode" /> </td> </tr> <tr> <td height="28" align="right"> 地区名称 </td> <td height="28" align="left"><input type="text" id="areaname" name="areaname" /> </td> <td height="28" align="right"> 地区级别 </td> <td height="28" align="left"><select id="arealevel" name="arealevel" style="display: inline;" onChange=""> <option value="-1"> ---请选择--- </option> <!-- <option value="2"> 省级 </option> <option value="1"> 市级 </option> <option value="0"> 县级 </option> --> </select> <input type="text" id="arealevel1" name="arealevel1" style="display: none;" disabled="disabled"> </td> <td height="28" align="right" class="biao_01"> 邮编 </td> <td height="28" align="left" class="biao_01"><input type="text" id="areazip" name="areazip" /> </td> <td height="28" align="right"> </td> <td height="28" align="left"><div id="saveareadiv"> <a class="l-btn" onMouseOver="window.status='';return true" onClick="return saveOne();"> <span class="l-btn-left"> <span class="l-btn-text">保存</span> </span> </a> </div> <div style="display: none;" id="editdictypediv"> <a class="l-btn" onMouseOver="window.status='';return true" onClick="doupdate();"> <span class="l-btn-left"> <span class="l-btn-text">修改</span> </span> </a> </div></td> <input type="hidden" id="supid" name="supid"/> <input type="hidden" id="areasupid" name="areasupid"/> </table>
script:
<script language="javascript" type="text/javascript"> function provincename(id){ getsupcode(id,'province'); if(eval(id)==1) { $('#arealevel').empty(); $('#arealevel').append("<option value='-1' selected='selected'>---请选择---</option>"); $('#arealevel').append("<option value='2' selected='selected'>---省级 ---</option>"); } else if(eval(id)==-1) { $('#arealevel').empty(); $('#arealevel').append("<option value='-1' selected='selected'>---请选择---</option>"); } else if(eval(id)>1) { $('#arealevel').empty(); $('#arealevel').append("<option value='-1' selected='selected'>---请选择---</option>"); $('#arealevel').append("<option value='1' selected='selected'>---市级 ---</option>"); } $('#newsupnameshi').empty(); $('#newsupnameshi').append("<option value='-1' selected='selected'>---请选择---</option>"); $.post("areaAction!listCityname.action",{supid:id},function(data){ var json=eval(data); for(var i = 0,len = json.length; i<len; i++){ if(id==json[i].id){ $('#newsupnameshi').append($("<option value='"+json[i].id+"' selected='selected' >"+json[i].name+"</option>")); }else{ $('#newsupnameshi').append($("<option value='"+json[i].id+"'>"+json[i].name+"</option>")); } } },"json"); document.getElementById('areasupid').value=id; } function city(id){ getsupcode(id,'city'); document.getElementById('areasupid').value=id; if(eval(id)<1) { $('#arealevel').empty(); $('#arealevel').append("<option value='-1' selected='selected'>---请选择---</option>"); $('#areasupcode').val(""); $('#areacode').val(""); $('#newsupnamesheng').val('-1'); } else if(eval(id)>1) { $('#arealevel').empty(); $('#arealevel').append("<option value='-1' selected='selected'>---请选择---</option>"); $('#arealevel').append("<option value='0' selected='selected'>---县级 ---</option>"); } } function getsupcode(selectareasupid,param){ $.post("areaAction!getSupCode.action",{selectareasupid:selectareasupid,param:param},function(data){ var json=eval(data); $('#areasupcode').val(json[0].code); $('#areacode').val(json[1].code2); }); } function query(){ $('#downlistform').submit(); return true; } function goPage(pageNum,pageCount){ if(pageNum<=0){ pageNum=1; } if(pageNum>pageCount){ pageNum=pageCount; } var currPageNum=$('#currPageNum').val(pageNum); if(event.keyCode == 13) { query(); event.returnValue = false; } } function saveOne(){ var areasupid=$('#areasupid').val(); var areaname=$('#areaname').val(); var areacode=$('#areacode').val(); var arealevel=$('#arealevel').val(); var areazip=$('#areazip').val(); if(areacode=="") { alert('地区编码不能为空'); return false; } if(arealevel==-1) { alert('请选择地区级别!'); return false; } if(areaname=="") { alert('新增地区名称不能为空!'); return false; } //alert("saveOne()"+areasupid+""+areaname+""+areacode+""+arealevel+""+areazip); /*if(newsupname==0){ alert('父类别不能为空!'); //$('#newsupname').css("border","1px solid").css("borderColor","red"); $('#newsupname').focus(); return; } if(dictypename==""){ alert('类别名称不能为空!'); //$('#dictypename').css("border","1px solid").css("borderColor","red"); $('#dictypename').focus(); return; }*/ $.post("areaAction!saveArea.action",{areasupid:areasupid,areaname:areaname,areacode:areacode,arealevel:arealevel,areazip:areazip},function(data){ alert(data); window.location.href=window.location.href; }); } function areaupdate(id,code,name,zip,arealevel,supid,supname) { $('#saveareadiv').css('display','none'); if($('#mydictypediv').css('display')=="none"){ $('#mydictypediv').css('display','inline'); } $('#xinzengxiugai').html("<strong>修改地区</strong>"); $('#savedictypediv').css("display","none"); $('#editdictypediv').css("display","inline"); $('#newsupnamesheng').css('display','none'); $('#newsupnamesheng1').css('display','inline'); $('#newsupnameshi').css('display','none'); $('#areaid').val(id); $('#areacode').val(code); $('#areaname').val(name); $('#areazip').val(zip); $('#supid').val(supid); $('#areasupcode').val(code); $('#newsupnamesheng1').val(supname); $('#arealevel').css('display','none'); $('#arealevel1').css('display','inline'); $('#arealevel1').val(arealevel); } function doupdate(){ var areaid=$('#areaid').val(); var areacode=$('#areacode').val(); var areaname=$('#areaname').val(); var areasupid = $('#supid').val(); var arealevel = $('#arealevel1').val(); var areazip=$('#areazip').val(); if(newsupnamesheng==0){ alert('父类别名称不能为空!'); $('#newsupnamesheng2').focus(); } /*if(dictypename==""){ alert('类别名称不能为空!'); $('#dictypename').focus(); //$('#dictypename').css("border","1px solid").css("borderColor","red"); return; }*/ $.post("areaAction!modifyArea.action",{areaid:areaid,areacode:areacode,areaname:areaname,areazip:areazip,arealevel:arealevel,areasupid:areasupid},function(data){ alert(data); window.location.href=window.location.href; $('#mydictypediv').css('display','none'); }); } $(function(){ $.post("areaAction!listAreaSupname.action",function(data){ var spname="<%=request.getAttribute("supname")%>"; var json=eval(data); for(var i = 0,len = json.length; i<len; i++){ if(spname==json[i].name){ $('#newsupnamesheng').append($("<option value='"+json[i].id+"' selected='selected' >"+json[i].name+"</option>")); }else{ $('#newsupnamesheng').append($("<option value='"+json[i].id+"'>"+json[i].name+"</option>")); } } },"json"); }); </script>
发表评论
-
日期比较
2013-06-13 16:21 1138比较日期: function compareDate( ... -
ckeditor判断字数限制问题
2011-12-11 16:46 3076项目中用到了ckeditor,要求正文字数判断必须排除空格及回 ... -
jquery 每隔几秒触发事件
2011-11-18 17:49 2475项目中帐号设置模块,修改密码功能需要提示: 我总结了一 ... -
js事件
2011-08-14 15:12 854先来看一个简单的例子:下面以三个页面分别命名为fr ... -
jquery判读浏览器的版本
2011-08-04 13:13 677<!DOCTYPE html PUBLIC ... -
javascript判断浏览器版本并提示下载新版本ie
2011-08-04 10:10 1588在开发过程中往往遇到 ... -
js 打印,打印预览
2011-06-02 10:42 3042<HTML><HEAD><TIT ... -
正则验证固定电话
2011-05-25 10:39 1279在做项目时常常用到判断电话号码的正则表达式,写了一个,可验证如 ... -
js验证
2011-05-23 13:01 1016//校验是否全由数字组成function isDigit(s) ... -
JavaScript正则表达式exec和test方法实例!
2011-05-23 09:12 988<script LANGUAGE="jav ... -
jquery指定所有链接方式
2011-05-16 18:15 971// 指定所有链接方式(只为测试,实际文档中可去除)$(doc ... -
js与jquery获得页面大小、滚动条位置、元素位置
2011-05-15 16:31 2465js与jquery获得页面大小、滚动条位置、元素位置 ... -
获取json小例子
2011-05-10 16:33 1205if(param.equalsIgnoreCase( ... -
JSON应用
2011-04-19 10:53 918json是什么?json(javascript obj ... -
JS数组checkbox
2011-01-16 00:19 1327一、方法1: function editZT(cell){ ... -
JQUERYcheckbox
2011-01-14 11:50 839在html的checkbox里,选中的话会有属性checked ... -
jquery 3种页面加载初始化的方法
2011-01-10 12:50 1775文章分类:Web前端 jquery 3种页面加载初始化的 ... -
JS中setTimeout()的用法详解
2010-12-09 12:59 2776JS中setTimeout()的用法详解 1. Se ... -
js返回上一页
2010-11-15 18:19 767Js返回上一页 1. history.go(-1), 返回两 ...
相关推荐
Jquery操作下拉框(DropDownList)想必大家都有所接触吧,下面与大家分享下对DropDownList进行取值赋值的实现代码
jQuery搜索下拉框选择菜单插件是一款支持下拉,分页,键盘操作,鼠标右键查看等功能。 jQuery搜索下拉框选择菜单插件截图
jQuery下拉框美化插件selectList是一款简单、轻量级、跨浏览器的jquery下拉框模拟插件,支持键盘操作选项、支持ESC关闭下拉框。
Jquery中对下拉框的操作 包括选中 赋值等
强大的jquery下拉框插件 下拉框展示带列表分页功能,适合下拉框大量数据展示 下拉框带快速查找,可以快速筛选 支持多选 基于jQuery、Bootstrap2、3开发 也可应用于无任何UI框架的原生HTML环境 Autocomplete输入自动...
jQuery Air 用户管理界面应用插件,类似于我们以前讲到的jquery select的操作例子,点上面的all复选框后,下面的选项即可进行操作并保存。由于是在国外网站获取的源码,界面没有汉化,所以只能给大家一个灵感,学习...
下拉框: //得到下拉菜单的选中项的文本(注意中间有空格)var cc1 = $(“.formc select[@name=’country’] option[@selected]”).text();//得到下拉菜单的选中项的值var cc2 = $(‘.formc select[@name=”country”...
本文实例讲述了jQuery实现监听下拉框选中内容发生改变操作。分享给大家供大家参考,具体如下: jQuery代码部分: [removed] $(document).ready(function(){ var defaultId = "${defaultSelected}"; var default...
1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的...
主要介绍了jQuery Select下拉框操作小结(推荐)的相关资料,非常实用,在前端开发经常可以用到,需要的朋友可以参考下
主要介绍了jQuery设置下拉框显示与隐藏效果的方法,结合实例形式分析了jQuery针对页面元素的事件响应与属性动态操作相关使用技巧,需要的朋友可以参考下
jQuery搜索下拉框选择菜单插件是一款支持下拉,分页,键盘操作,鼠标右键查看等功能。
jQuery搜索匹配下拉框美化代码基于jquery-1.11.1.min.js和jquery.searchableSelect.js制作,简单而人性化,为select下拉框创建一个搜索栏来快速筛选出你想要的内容,支持切换操作。
这是一款很实用的jQuery下拉框美化插件,它...同时,和之前介绍的简单实用的CSS3自定义下拉Select表单相比,它开放了一些自定义操作下拉框的API接口,开发起来相对比较方便,至于API的使用方法,我们可以在演示中看到。
主要介绍了JQuery select(下拉框)操作方法汇总,本文讲解了获取选中项、获取当前选中项的索引值、获取当前option的最大索引值、获取DropdownList的长度等内容,需要的朋友可以参考下
代码如下: //==========...下拉框测试</title> [removed][removed] [removed] $(function(){ var $city= $(“#ddlCity”); //填充一些数据 for(var i=1;i<=10;i++){ $city.append($(“”).attr(“value”,i