jquery获取下拉列表的值为null的解决方法


Posted in Javascript onMarch 18, 2011

不知道大家有没有遇到这样的情况?
在用jquery获取下拉列表ddl的值时返回的为字符串‘null',而不是空值,结果导致获取的参数不对;
即使在后台判断了其非空,但还是导致了错误(比如拼凑SQL时将null拼进去了)。
下面我们来分析下:
第一种情况:

<select id="ddlType"> 
<option value="">请选择</option> 
<option value="1">安徽省</option> 
…… 
</select>

第二种情况:
<select id="ddlType"></select> 
或者 
<asp:DropDownList ID="ddlType" runat="server"></asp:DropDownList>

我们在程序中这样取值:
$("#ddlType").val()
针对第一种情况,如果我们没有做选择,那么它返回的是空值“”,但不是字符串“null”;
而第二种情况,ddl中本来就没有可选择的项,前台没有写死或者后台没有绑定,再去取它的值的话就会返回字符串“null”。
解决办法:目前没有找到比较好的解决办法,只能在后台判断时添加判断( !="null"),显然,这不是很好的办法。
网上还有朋友提供的方法是修改jquery的源文件,将val函数的实现中的最后一句 this.value = val; 改成 this.value = val || "";

如果大家有什么好的办法,还望慷慨分享下!!!

Javascript 相关文章推荐
Javascript 原型和继承(Prototypes and Inheritance)
Apr 01 Javascript
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
Nov 25 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
Aug 28 Javascript
jquery动态加载select下拉框示例代码
Dec 10 Javascript
laypage分页控件使用实例详解
May 19 Javascript
jquery 判断是否支持Placeholder属性的方法
Feb 07 Javascript
js仿淘宝商品放大预览功能
Mar 15 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
Dec 21 Javascript
Vue-cli Eslint在vscode里代码自动格式化的方法
Feb 23 Javascript
vue.extend实现alert模态框弹窗组件
Apr 28 Javascript
bootstrap动态调用select下拉框的实例代码
Aug 09 Javascript
详解element-ui动态限定的日期范围选择器代码片段
Jul 03 Javascript
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
Mar 17 #Javascript
javascript定时保存表单数据的代码
Mar 17 #Javascript
eval与window.eval的差别分析
Mar 17 #Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
Mar 17 #Javascript
jquery.validate分组验证代码
Mar 17 #Javascript
jquery中ajax调用json数据的使用说明
Mar 17 #Javascript
jQuery版Tab标签切换
Mar 16 #Javascript
You might like
PHP的SQL注入过程分析
2012/01/06 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
html5的自定义data-*属性和jquery的data()方法的使用示例
2013/08/21 Javascript
js实现简单的星级选择器提交效果适用于评论等
2013/10/18 Javascript
js调用后台、后台调用前台等方法总结
2014/04/17 Javascript
JavaScript输出当前时间Unix时间戳的方法
2015/04/06 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
原生JS实现-星级评分系统的简单实例
2016/08/21 Javascript
javascript表单控件实例讲解
2016/09/13 Javascript
PHP+jquery+ajax实现分页
2016/12/09 Javascript
微信小程序 Template详解及简单实例
2017/01/05 Javascript
详解React Native网络请求fetch简单封装
2017/08/10 Javascript
vue初尝试--项目结构(推荐)
2018/01/30 Javascript
jQuery实现简单复制json对象和json对象集合操作示例
2018/07/09 jQuery
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
2019/11/01 Javascript
借助云开发实现小程序短信验证码的发送
2020/01/06 Javascript
Javascript柯里化实现原理及作用解析
2020/10/22 Javascript
github配置使用指南
2014/11/18 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
python单线程文件传输的实例(C/S)
2019/02/13 Python
Python 模拟生成动态产生验证码图片的方法
2020/02/01 Python
python实现的分层随机抽样案例
2020/02/25 Python
使用anaconda安装pytorch的实现步骤
2020/09/03 Python
Brasty波兰:香水、化妆品、手表网上商店
2019/04/15 全球购物
EJB3.1都有哪些改进
2012/11/17 面试题
年终自我鉴定
2013/10/09 职场文书
中专生自我鉴定范文
2013/12/19 职场文书
迟到检讨书300字
2014/02/14 职场文书
优秀毕业自我鉴定
2014/02/15 职场文书
大学新闻系应届生求职信
2014/06/02 职场文书
电焊工岗位工作职责
2014/07/09 职场文书
民事调解书范文
2015/05/20 职场文书
pytorch训练神经网络爆内存的解决方案
2021/05/22 Python
Django操作cookie的实现
2021/05/26 Python
redis requires ruby version2.2.2的解决方案
2021/07/15 Redis