使用jquery-combobox实现select下拉框多选之后,如何将下拉框的值传给input隐藏域
2015-09-18 15:51
204 查看
我在之前的一篇博文中eaeyui-combobox实现组合查询(即实现多个值得搜索)地址:http://www.cnblogs.com/dushan/p/4778897.html
实现了select下拉框可以选择多个值的功能,但是我现在由于新需求的需要,要将下拉框中选择的多个值传到input的隐藏域中:
我刚开始的想法是,写一个函数,在新需求出发时调用该函数,获得下拉框中已经选择的值
代码如下:
input的隐藏域为
<input type="hidden" id="statusArr" name="statusArr" value="">
这个是通过option:selected筛选那些选定的值,然后凭借成字符串,再传给input的隐藏域。但是始终无法成功,alert的值为空。
如果直接使用$('#status').val()方法,结果为undefined.
后来发现,因为使用了combobox和multiple的jquery这两个方法,导致如果想要取到select的值,上面的方法是取不到的,新代码如下:
这样就可以将值传到隐藏域了。
而且注意:因为combobox取到的值已经用‘,’凭借成字符串了,所以不用写代码将其拼接成字符串。直接getValues即可。
实现了select下拉框可以选择多个值的功能,但是我现在由于新需求的需要,要将下拉框中选择的多个值传到input的隐藏域中:
我刚开始的想法是,写一个函数,在新需求出发时调用该函数,获得下拉框中已经选择的值
代码如下:
input的隐藏域为
<input type="hidden" id="statusArr" name="statusArr" value="">
这个是通过option:selected筛选那些选定的值,然后凭借成字符串,再传给input的隐藏域。但是始终无法成功,alert的值为空。
如果直接使用$('#status').val()方法,结果为undefined.
后来发现,因为使用了combobox和multiple的jquery这两个方法,导致如果想要取到select的值,上面的方法是取不到的,新代码如下:
这样就可以将值传到隐藏域了。
而且注意:因为combobox取到的值已经用‘,’凭借成字符串了,所以不用写代码将其拼接成字符串。直接getValues即可。
相关文章推荐
- jquery.validate.js实例演示
- jQuery插件Flot的介绍
- jquery.validate.js实例演示
- jquery效果
- jquery.validate使用说明及注意事项
- jquery 小知识点
- jQuery插件 -- Form表单插件jquery.form.js
- Jquery Ajax表单提交插件jquery form用法
- jquery扩展的radio和checkbox前端调用方法
- jquery扩展的easyui-checkbox控件
- 通过 ES6 Promise 和 jQuery Deferred 的异同学习 Promise
- jQuery之简单的表单验证
- jQuery多选下拉框 multiselect 的使用
- 在jquery中使用checkbox控件标签的隐藏和显示
- 一段jquery代码,保存
- jQuery设置和获取HTML、文本和值
- 全自动遮罩层插件layer2.0版本发布(可传参),兼容IE7以上
- jQuery 表单验证插件——Validation(基础)
- jsp引入struts标签,引入自己写的jquery需要注意的问题
- Jquery时间格式化,计算时间差