select下拉框的数据回显

摘要:
需求描述:下拉选择框后有很多选项。通过消除背景代码选择一个要查询的。完成后,页面上的选择框仍然是先前选择的值。选择的本质是价值和文本之间的一一对应。根据您的选择下拉菜单,您可以看到代码中的值和文本。例如,value是对应的id,text是对应的名称。然后,当在后台查询所选内容时,可以取出id,然后返回到所选内容所在的页面,并通过封装的函数来回显示。不要说太多,也不要发布代码。

需求描述:select框,下拉后又很多的选项,选择一个,根绝后台代码做查询,完成之后,页面上的select框还是之前选的那个值

解决思路:select本质就是 value和text一一对应,根据你的select下拉菜单,可以在代码中看看value具体是什么,text是什么,比如说value是对应的id而text是对应的name,然后后台根绝选择的内容查询的时候,可以把这个id取出来,然后返回到select存在的页面,通过封装好的函数,来回显。话不多说贴代码。

代码:

<select   name="select1" class="form-control js-example-basic-single">
<option th:each="s : ${selectMap}" th:value="${s.key}" th:text="${s.value}" xmlns:th="http://www.w3.org/1999/xhtml"></option> //我的selectMap的key value 分别是id 和 name
</select>
<input type="hidden" name="dId"   th:value="${dId}"/>   //后台传过来的id  modelMap.addAttribute("dId",id); 

js代码:

<script type="text/javascript" th:inline="javascript" xmlns:th="http://www.w3.org/1999/xhtml">
var dId = [[${dId}]]; //后台传过来的id modelMap.addAttribute("dId",id);
if (CommnUtil.notNull(dId)) {
$("#select1").val(dId).trigger("change");//把select的value是id值的那个对应的文本显示出来 trigger是jQuery封装好的方法
} else {
$("#select1").val(null).trigger("change");//id为空的话 select框就是空
}
</script>

总结:对于这种小的知识点就是只能这样总结,因为找起来实在是太浪费时间了,身为菜鸟的我要加油!!!

免责声明:文章转载自《select下拉框的数据回显》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇protobuf编译矩阵的迹(转)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

MySQL之SQL优化详解(二)

目录 MySQL之SQL优化详解(二) 1. SQL的执行顺序 1.1 手写顺序 1.2 机读顺序 2. 七种join 3. 索引 3.1 索引初探 3.2 索引分类 3.3 建与不建 4. 性能分析Explain (1)id:select查询的序列号,包含一组数字,表示查询中执行select子句或操作表的顺序 (2) select_t...

Sql Server的艺术(七) SQL 数据插入操作

--用INSERT插入单行数据    在SQL中,可以通过INSERT...VALUES语句直接向数据库表中插入数据。可以整行,也可以部分列。 基本语法: INSERT INTO table_name [column1,column2...] VALUES (values1,values2...

Impala的安装和使用

通过本地yum源进行安装impala所有cloudera软件下载地址 http://archive.cloudera.com/cdh5/cdh/5/ http://archive.cloudera.com/cdh5/ 1、 impala的介绍imala基本介绍 impala是cloudera提供的一款高效率的sql查询工具,提供实时的查询效果,官方测试性能...

Java之MyBatis

MyBatis中文文档:https://mybatis.org/mybatis-3/zh/index.htmlMyBatis是一款优秀的持久化框架,它支持定制化SQL、存储过程以及高级映射。MyBatis避免了几乎所有的JDBC代码和手动配置参数以及结果集。MyBatis可以使用简单的XML或注解来配置和映射原生类型、接口和Java的POJO(Plain...

Oracle 查询两个时间段内的所有日期列表

1、查询某时间段内日期列表 select level,to_char(to_date('2013-12-31','yyyy-mm-dd')+level-1,'yyyy-mm-dd') as date_time from dual connect by level <=to_date('2014-01-03','yyyy-mm-dd')-to...

oracle Database Link

1 Database Link 的创建: 有两个数据库服务器A/B, 其中A的IP地址为172.20.36.245, 服务器B为本机。服务器B上的数据库实例名为ORCL,在本机上的服务监听配置上有服务器A上实例配置: BIWG_TEST = (DESCRIPTION = (ADDRESS = (PROTOCOL = TCP)(HOST = 172.20...