社区
Web 开发
帖子详情
前端怎样把html select标签选中的值传给后台
猪头小哥
2013-08-25 01:52:27
前端是html写的,后台是java,问题如上,我在后台得到前端传回来的值后,再去数据库进行查找,大概就是这么个过程。
...全文
11249
12
打赏
收藏
前端怎样把html select标签选中的值传给后台
前端是html写的,后台是java,问题如上,我在后台得到前端传回来的值后,再去数据库进行查找,大概就是这么个过程。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
12 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
GoCleveland
2013-08-30
打赏
举报
回复
用js或者jquery取得select的值 再post请求传到后台
seleguu
2013-08-27
打赏
举报
回复
可以用ajax配合onchange方法,如果你不需要返回原来页面,那么久只要一个onchange,然后再onchange里面写对应的跳转
Slahser
2013-08-27
打赏
举报
回复
jquery里面有吧,val应该能拿到select的值
ghostkngiht
2013-08-26
打赏
举报
回复
用select的onchange调用你点按钮的事件。
yu95275
2013-08-26
打赏
举报
回复
如果你是要返回原来的页面,可以用ajax配合onchange方法,如果你不需要返回原来页面,那么久只要一个onchange,然后再onchange里面写对应的跳转就可以了
itzgs
2013-08-26
打赏
举报
回复
<select name="num" id="num" onchange="changNum(this.value)">...</select> <script> function changNum(Num) { location.href = "url"; } </script> 希望可以帮到你。
KDJack
2013-08-25
打赏
举报
回复
现在我们用的是Jquery的Ajax(因为原生的Ajax太复杂了,Jquery对原生JS的Ajax进行了封装,很好用) 比如var selectId=$("#yourSelectId").val();//这句就是得到下拉框的值,注意是value不是文本!!此句相当于document.getEletmentById("#yourSelectId").value 然后调用$.get("yourUrl",{yourParameter: "XXXXXX"},function(data){});//yourUrl就是你要提交到后台的url路径 yourParameter 就是你要传的参数 该参数是一个Json串 function则是执行成功后的回调函数,就是说后台向前台传来东西后 要干嘛。
a406979945
2013-08-25
打赏
举报
回复
写个onchange()事件就行了,如果想AJAX异步的话就用一个JQUERY框架去做,
猪头小哥
2013-08-25
打赏
举报
回复
引用 3 楼 fudongrifdr 的回复:
用Ajax吧
能写个例子么?
末日哥
2013-08-25
打赏
举报
回复
用Ajax吧
猪头小哥
2013-08-25
打赏
举报
回复
引用 1 楼 fudongrifdr 的回复:
把你的form里的action属性赋上你的servlet路径啊(你后台用什么处理的)
我意思是这样,我在下拉框中选中了一个值,点击查询那个按钮,就出现我所查询的结果;而我现在是想,不要那个按钮,当我选中下拉框中的值时,就出现我要查询的结果。
末日哥
2013-08-25
打赏
举报
回复
把你的form里的action属性赋上你的servlet路径啊(你后台用什么处理的)
vue.js 解决v-model让
select
默认
选中
不生效的问题
笔者今天在开发中遇到一个看起来很神奇的问题,平时编辑的页面我们
select
下拉选框利用vue.js 的v-model来实现自动
选中
,今天无论如何都选不中,后来经过很久的复查和大神的一句话终于解决这个这个问题,顺便分享一下。 问题 先上代码: 上图是
前端
的H5页面 下面是js代码: 一眼看上好像也没有什么问题。js 在初始化的时候,调用
后台
接口,取到数据然后
传
递给vue里面定义的data里面。并且
前端
页面除了
select
不能正常
选中
,其他的input 框的数据也都全部显示出来了(因为涉及一些机密的数据,所以还是涂鸦一下,主要还是把问题说清楚) 按照常理来说是不可能出现这个问题,毕竟之前在
select
标签
设置默认
选中
的选项方法
方法有两种。 第一种 通过<
select
>的属性来设置
选中
项,此方法可以在动态语言如php在
后台
根据需要控制输出结果。 <
select
id = sel > < option xss=removed>1 option> < option xss=removed xss=removed>2 option> < option xss=removed>3 option> </
select
> 第二种 为通过
前端
js来控制
选中
的项: < script type = text/javascript > function change(){
Vue+elementUi给
select
选项
值
动态从
后台
获取,同时将
选中
值
的id
传
给
后台
转载自:https://blog.csdn.net/adminguan/article/details/103592109 给出的问题: 选项动态从
后台
获取,同时要实时获取到用户
选中
值
的id
select
框有红,黄,蓝三个
值
,id分别为1,2,3 用户点击红,获取到红的id为1 用户点击黄,获取到黄的id为2 用户点击蓝,获取到蓝的id为3 问题步骤分为三步: 1、点击
select
框,发送请求到
后台
取到data
值
,动态...
thymeleaf+
html
表单中
select
标签
把已经
选中
的option得
值
项
传
回
后台
thymeleaf+
html
表单中
select
标签
把已经
选中
的option得
值
项
传
回
后台
这里写自定义目录标题 下面展示一些 内联代码片。 <div class="form-group"> <label >请选择包厢</label> <
select
class="form-control" name="bid" value="bid"> <op...
select
传
值
给
后台
、根据
后台
值
选中
select
传
值
给
后台
、根据
后台
值
选中
. 某个实体类新增、修改为同一个jsp页面,使用form表单向后端
传
递数据。其中有个
select
选择框,需要达到的效果为:新增的时候 显示默认
值
,修改的时候 显示从后端
传
过来的
值
。
Web 开发
81,095
社区成员
341,712
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章