前端页面select标签数据展示问题，jsp为例

最新推荐文章于 2022-07-09 13:20:52 发布
最新推荐文章于 2022-07-09 13:20:52 发布
阅读量549 收藏
点赞数
分类专栏： 日常工作总结 文章标签： h5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32370913/article/details/102990815
版权

页面初始化时，select标签首先获取后台数据：
在这里插入图片描述
编辑以保存的页面，select标签首先展示数据库添加的数据：
在这里插入图片描述

总是幸福的老豌豆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
jsp中htmlselect标签的用法
08-10
html:select>标签的用法
MySQL基本select查询及数据类型
weixin_52428496的博客
11-16 1587
基本select查询 知识要点 设置系统变量@@sql_mode 基本SELECT语句 在SELECT语句中的算术表达式和null值 列别名 使用串联操作符和distinct关键字 desc命令 增删改查 对数据库常规的四个操作 插入：insert 删除：delete 修改：updata 查询：selectselect查询简介 查询对象有四个 1.全表查询 select * from PLAYERS; #全表查询PLAYERS（*代表所有的列） 2.查询某些行 select * from PLAYE
jsp中select标签选项通过后端数据动态生成及解决显示数据重复问题+默认选中
阚建君学习之路
07-09 2332
动态创建option标签，去重数据库数据
jsp页面select框中值或事件操作方式
下一个奇迹
05-24 8348
1.jsp页面循环遍历后台传过来的值      所属产品：                                                  全部                                              ${pns.valName}                                    
select 下拉框 传值到后台和从后台传值到前端显示
热门推荐
weixin_39209728的博客
12-29 2万+
1. select 下拉框，选择值后传值到后台 <input type="hidden" id="state" name="state" id="state" class="projectfile" value="${model.state}" /> <select class="form-control projectfile&qu
html下拉列传值,EF5(7) 后台使用SelectListItem传值给前台显示Select下拉框;mvc后台Action接收浏览器传值的4种方式; 后台Action向前台View视图传递数据的...
weixin_29560137的博客
06-03 630
一:后台使用SelectListItem 传值给前台显示Select下拉框我们先来看数据库的订单表,里面有3条订单,他们的用户id对应了 UserInfo用户表的数据,现在我们要做的是添加一个Order控制器,显示订单列表,并且在修改订单的时候,把用户的id 用 select 下拉框显示出来,并且可以提交修改数据 1.1 我们通过比较原始的方法,来把数据 传递到前台后,前台使用 循环来显示 s...
select下拉框的数据回显
weixin_33887443的博客
08-31 1568
需求描述：select框，下拉后又很多的选项，选择一个，根绝后台代码做查询，完成之后，页面上的select框还是之前选的那个值 解决思路：select本质就是 value和text一一对应，根据你的select下拉菜单，可以在代码中看看value具体是什么，text是什么，比如说value是对应的id而text是对应的name，然后后台根绝选择的内容查询的时候，可以把这个id取出来，然后返回到s...
jsp通过自定义标签库实现数据列表显示的方法
10-23
主要介绍了jsp通过自定义标签库实现数据列表显示的方法,较为详细的分析了jsp自定义标签的定义、功能实现与使用技巧,并附带了完整的实例代码供读者下载参考,需要的朋友可以参考下
JSP页面中如何用select标签实现级联
10-27
在JSP页面中如何用select标签实现级联呢？以下小编就为大家介绍实现方法，需要的朋友可以参考下
解决bootstrap-select 动态加载数据不显示的问题
10-18
今天小编就为大家分享一篇解决bootstrap-select 动态加载数据不显示的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
jsp 开发之struts2中s:select标签的使用
01-20
jsp 开发之struts2中s:select标签的使用 1.第一个例子： <s list={ theme=simple headerKey=00 headerValue=00></s> 2.第二个例子： 3.第三个例子 <s:select theme=simple name
jsptext默认值_Select 标签的默认值设置
weixin_39526651的博客
12-19 858
以下是网上“借鉴”的：(http://blog.csdn.net/nairuohe/article/details/6307367/)比如1、设置value为pxx的项选中$(".selector").val("pxx");等价于：document.getElementsByClassName("selector").value=pxx;2、设置text为pxx的项选中$(".selector")...
select 动态改变显示不同内容
L750567015的博客
07-01 2231
根据select选中显示不同内容
两种情况下设置select下拉框的默认值
xiamoziqian的博客
05-15 1万+
默认值固定/已知的情况：使用selected属性 默认选中第二个 <select name="plan" id="plan"> <option value="free">Free</option> <option value="starter" selected>Starter </option> <option value="professional">Professional</option&gt
jsp页面数据回显（select下拉选择框）
weixin_33807284的博客
11-25 2363
1。静态变量方式： &lt;!-- 实现select标签回显 --&gt; 1.&lt;select name="curStatus" value="${curStatus}"&gt; &lt;option value="0"&gt;-请选择-&lt;/option&gt; &lt;option value="1"
在jsp/html中的select下拉菜单如何传值到后台以及接收后台的传值
你好啊cbw
08-19 9308
JSP/Html中select下拉菜单传递被选中的值和接收值都是同样的逻辑，只是形式不同。 select传递选中的值到后台： 后台传值到select： HTML的select传递选中的值到后台 JSP中的select传递选中的值到后台 ...
JSP页面以下拉列表的形式显示后台的数据
慧写代码
01-26 8123
servlet中将一个List集合转换成json对象，使用response.getWriter().print(xxx)将结果传到jsp页面，jsp页面循环显示该集合（json对象）的方法 最核心的两个技术是json技术和ajax技术，其中json要导入json的jar包 在servlet页面使用JSON.toJson（list集合）将list集合转换成jsp页面ajax可以读取的对象，次功能
IEC 60364-7-722-2018 低压电气装置.第7-722部分：特殊装置或场所的要求.电动车辆的电源.pdf
05-06
IEC 60364-7-722-2018 低压电气装置.第7-722部分：特殊装置或场所的要求.电动车辆的电源.pdf
eNSP软件安装及拓扑结构搭建.docx
最新发布
05-06
、eNSP的安装 1．安装eNSP之前必须先安装以下三个插件： VirtualBox WinPcap Wireshack eNSP作为模拟器主体，需要对应版本的VirtualBox和WinPcap提供虚拟环境，Wireshack用于实验当中测试抓取数据包使用。 安装好这三个插件，只需要点下一步选择好对应的安装位置即可，然后就可以安装eNSP软件了。 eNSP的页面
jsp如何实现select标签省市区对应显示
06-02
要实现select标签省市区对应显示的功能，可以通过以下步骤来实现： 1. 在JSP页面中添加三个select标签，分别对应省、市、区。 2. 在JSP页面中引入JavaScript文件，用于处理省市区三级联动的逻辑。 3. 在JavaScript文件中定义一个数组，保存省市区的信息。 4. 当用户选择省的时候，通过JavaScript代码动态生成市的下拉框，并根据选择的省来填充市的选项。 5. 当用户选择市的时候，通过JavaScript代码动态生成区的下拉框，并根据选择的市来填充区的选项。 6. 当用户选择区的时候，将省、市、区的信息拼接起来，并显示在页面上。 具体实现细节可以参考以下代码： ``` <!--省下拉框--> <select id="province" onchange="changeProvince()"> <option value="">请选择省份</option> <c:forEach items="${provinceList}" var="province"> <option value="${province.id}">${province.name}</option> </c:forEach> </select> <!--市下拉框--> <select id="city" onchange="changeCity()"> <option value="">请选择城市</option> </select> <!--区下拉框--> <select id="area"> <option value="">请选择地区</option> </select> <script> // 定义省市区数据 var data = { "北京市": { "北京市": { "东城区": {}, "西城区": {}, "崇文区": {}, "宣武区": {}, "朝阳区": {}, "丰台区": {}, "石景山区": {}, "海淀区": {}, "门头沟区": {}, "房山区": {}, "通州区": {}, "顺义区": {}, "昌平区": {}, "大兴区": {}, "怀柔区": {}, "平谷区": {}, "密云县": {}, "延庆县": {} } }, "上海市": { "上海市": { "黄浦区": {}, "卢湾区": {}, "徐汇区": {}, "长宁区": {}, "静安区": {}, "普陀区": {}, "闸北区": {}, "虹口区": {}, "杨浦区": {}, "闵行区": {}, "宝山区": {}, "嘉定区": {}, "浦东新区": {}, "金山区": {}, "松江区": {}, "青浦区": {}, "南汇区": {}, "奉贤区": {}, "崇明县": {} } }, // 其他省市区数据... }; // 省份下拉框改变事件 function changeProvince() { var province = document.getElementById("province"); var city = document.getElementById("city"); var area = document.getElementById("area"); var provinceName = province.options[province.selectedIndex].text; var cityData = data[provinceName]; var cityHtml = ""; var areaHtml = ""; for (var cityName in cityData) { cityHtml += "<option value='" + cityName + "'>" + cityName + "</option>"; } city.innerHTML = "<option value=''>请选择城市</option>" + cityHtml; area.innerHTML = "<option value=''>请选择地区</option>" + areaHtml; } // 城市下拉框改变事件 function changeCity() { var city = document.getElementById("city"); var area = document.getElementById("area"); var cityName = city.options[city.selectedIndex].text; var areaData = data[provinceName][cityName]; var areaHtml = ""; for (var areaName in areaData) { areaHtml += "<option value='" + areaName + "'>" + areaName + "</option>"; } area.innerHTML = "<option value=''>请选择地区</option>" + areaHtml; } </script> ``` 其中，省份的数据可以通过后端代码获取，保存在provinceList中。在前端页面中使用JSP标签库<c:forEach>来遍历provinceList，生成省份下拉框的选项。通过JavaScript代码来实现省市区三级联动的逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

总是幸福的老豌豆

你的鼓励将是我学习的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值