【基础】【前端】 HTML Select 框怎么做预选值

如果是普通的 option 的值，是这样做的

<div class="layui-inline" style="width:260px"><label for="" class="layui-form-label" style="display:">机器种类:</label><div class="layui-input-block" style="width:189px"><select id="server_mode" type="text" name="server_mode" value="${map.server_mode}" style="width: 140px;" class="required"><option value='test machine' ${yfSql.server_mode eq 'test machine'? 'selected':'' }>测试机</option><option value='formal machine' ${yfSql.server_mode eq 'formal machine'? 'selected':'' }>正式机</option></select></div>
</div>

在 <select> 标签中传入 value ，value 即是预选值。

<option >标签也传入自己的值，然后使用 jstl 标签，将option 的值和传入的值进行比较，如果比较成功，就设置为selected，在这里，option还是制定好的。

如果是 数据字典传入的

<select name="operatingSystem"><c:forEach items="${operatingSystems}" var="operatingSystem"><option value="${operatingSystem}" ${yfSql.operatingSystem eq operatingSystem ? 'selected':'' }>${operatingSystem}</option></c:forEach>
</select>

也是用 jstl标签

option 标签不再定具体的值了，select 由name 标签指定传入的事那个字段，${operatingSystems} 则代表数据字典的选项，yfSql.operatingSystem则代表数据库中的具体指，这样就做到数据字典传入的时候也能预选。

那后端需要做什么呢，后端需要查询数据字典、查询这个对象，然后一起传入就行。

【基础】【前端】 HTML Select 框怎么做预选值相关推荐

零基础前端入门，真正难在哪里？简说编程思想和逻辑思维
很多同学跟我说,学前端学的很迷茫, 就这样,问他为啥迷茫吧,说也说不出来啥具体的.就是也学了一堆东西,也确实都是前端开发工作当中要用的.但依然不知道前路如何. 这里就有一个"前端入门的标准& ...
下拉框——把一个select框中选中内容移到另一个select框中遇到的问题
在使用jQuery实现把一个select框中选中内容移到另一个select框中功能时遇到了一个问题,就是点击按钮时内容可以到另一个select框中,但是到了另一个select框中的内容却很快闪退回原来 ...
用纯css改变下拉列表select框的默认样式
在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式. 事情是这样的,您的设计师团队向您发送一个新的PSD(Photoshop文档),它是一个新的网站的最终设计. 一切 ...
html select 样式t调整_用纯css改变下拉列表select框的默认样式
**社区评论 ( Beta版 )** #0 危汤讽 2015-04-02 09:57:05 firefox浏览器支持不好,貌似是浏览器bug 回复 #1 林甩土 2015-04-03 09:06:57 ...
7.基础查询（select from）
进阶一:基础查询 /* 语法:select 查询列表 from 表名; 特点: 1.查询列表可以是:表中的字段,常量值,表达式,函数 2.查询结果是一个虚拟的表格 */ myemployees表::对 ...
java下拉框怎么做_java下拉框怎么做？
有朋友在做Java相关开发时因为一些问题可愁坏了.比如这个问题,java下拉框怎么做?本篇文章将和大家讲述如何用Java实现下拉框,感兴趣的朋友了解一下. 引用的包有: java.awt是一个软件包, ...
移动端如何在前端阻止input框获得焦点时手机键盘的弹出
在文章的开始,我先把我的目的说明一下:在移动端,如何在前端实现input框获得焦点的同时不会唤起手机键盘. 在做公司项目的时候遇到这样一个问题,因为项目需要在ubuntu.window.andr ...
html下拉菜单换背景颜色,如何在select框下拉菜单中更改蓝色突出显示的颜色
如何在select框下拉菜单中更改蓝色突出显示的颜色如何更改此下拉菜单中的蓝色突出显示? 链接到select框演示这是代码: Select an OptionOption 1Option 2 如果 ...
零基础前端入门系列（八）
CSS精讲(二) CSS体系知识介绍选择器优先级为什么关注优先级优先级处理原则 !important 和内联样式样式继承一个继承的例子继承属性和非继承属性范例选择器权重计算范例1 ...
想转行前端，前端工程师每天都在做什么？
很多小伙伴想入行.转行做前端开发,但是却不太了解前端工程师这个工作.前端开发是一个发展迅猛的职业,它的名头很大,但大多数人知之甚少.大家都说前端工程师越做头越秃,那么来看看前端工程师每天的日常吧: & ...

【基础】【前端】 HTML Select 框怎么做预选值

【基础】【前端】 HTML Select 框怎么做预选值相关推荐

最新文章

热门文章