jquery获取下拉框的值并传递给后端处理
2019独角兽企业重金招聘Python工程师标准>>>
由于前端页面用到了下拉框,此时需要获得下拉框里面具体的值,然后把值传递给后端处理。
处理思路如下:
(1)、首先在form表单里面写一个input的隐藏框,也就是属性为hidden。
(2)、把取得的下拉框里面的值,赋值给隐藏框。
(3)、用form表单把数据提交,这样后端就可以获得下拉框的值了。
一、html代码如下
<form action="" method=get>
<div><select name="" id="testselect">{% for i in select_box %} <option value="" id="idselect" name="adsense">{{ i.zone_name }}</option>{% endfor %}</select><input type="hidden" value="" name="adsense" id="adsense"/><input type="search" value="" id="adsense_ID" name="adsense_ID" placeholder="输入广告位ID"/><input id="query_date" name="query_date" type="date" value="2016-08-01"/><button type="submit" id="submit_data">查询</button>
</div>
</form>
二、js代码如下
$("#submit_data").click(function(){//备注:$("#testselect option:selected").text()是为了获取下拉框的值$("#adsense").val($("#testselect option:selected").text());})
转载于:https://my.oschina.net/zhangyangyang/blog/740060
jquery获取下拉框的值并传递给后端处理相关推荐
- html下拉框怎么默认选中,select获取下拉框的值 下拉框默认选中方法
本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值 例如: 数字1 数字2 $("#numbers option:selected").val( ...
- java 获取下拉框的值_Java获取下拉菜单选中的选项
提到这样一个需求"在新闻表中添加新闻分类的编号和名字",一般情况下我们将分类的ID放在下拉菜单选项的value中,此时需要获取选项的编号和名字,我们该怎么做呢?我常用的有如下两种方 ...
- qtp web随机获取下拉框的值
1.先顶一个随机获取数的函数 Function GetList(i) randomize GetList=RandomNumber(0,i) End Function 2.以下就是纯代码了 ...
- select获取下拉框的值 下拉框默认选中
本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值 例如: <select class="form-control" id=" ...
- jq取html下拉框的值,jquery设置下拉框的值为空
用jquery如何将下拉选的值置为空? 当选择"是",主编码码制为必填:当选择"否",实现主编码码制值为空.该jquery提供了val()方法设置或返回表单字段 ...
- java 获取下拉框的值_java中怎么获取下拉框的值
展开全部 JComboBox有一个getSelectedItem()的方法得到选择的值和一个getSelectedIndex()得到选择值的索引.636f70793231313335323631343 ...
- SSM-查询数据库获取下拉框的值并作为查询的筛选条件
1.action //新建存取参数的map对象 Map<String, Object> param = new HashMap<String,Object>(); //先清除一 ...
- jquery获得下拉框的值
获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); ...
- Ext4中获取下拉框的值
var supplierCombo = Ext.getCmp("rkSupplierCombo_id"); var supplierId = supplierCombo.getVa ...
最新文章
- 五分钟体验分布式事务框架Seata
- 关于CLSCompliant
- Java的知识点20——包装类基本知识、包装类的用途、自动装箱和拆箱、包装类的缓存问题
- 最优化算法python实现篇(4)——无约束多维极值(梯度下降法)
- [JavaWeb-HTML]HTML标签_表单标签
- 求旋转数组的最小数字C++
- EasyUI实现两个列表联动
- php 数组按个数分组,如何在PHP中基于内部数组键对数组进行分组?
- 《矩阵与变换》教学中的几个“务必”
- QT 的信号与槽机制介绍(转载)
- 封装工具类DBUtils、DateUtils详解
- 入侵排查篇---勒索病毒自救指南
- RH850 F1L freeRTOS 任务栈的切换
- 灰度发布 java_灰度发布系统的实现步骤
- mysql菜单表设计_多级联动菜单的数据库表如何设计?
- UE5中提示Video Memory Has Been exhausted解决方案
- WebGL 2.0实现Vertex Array Objects(VAO,顶点数组对象)
- 超详细的VisualDL 的项目嵌入可视化教学
- dct变换可以用什么方法代替_「dct变换」DCT变换自学笔记 - seo实验室
- c语言实现图片缩放,图片缩放与合并(C语言实现)