HTML之select下拉框：默认值设置

当我们做web项目时，总是会碰到的一种情况是下拉框的使用，提交数据很简单，但是数据的回显就会遇到一些问题：

我们在数据回显时，期望下拉框默认显示的是这条数据选择的选项。

举个例子：

有一篇博文，我上传时设置的博文分类是：原创；

但是分类有：原创、转载等；

下拉框默认显示的应该是：请选择；

数据回显时期望显示的是：原创；

其实这个问题很简单，就是默认显示谁的问题。

如果我们什么都不设置，默认显示的是c:for遍历出来的第一个数据。

如果设置默认值的话，selected属性就可以帮我们实现：

<select name="type" class="type"><c:forEach items="${type}" var="t"><option value="${t.typeId}" selected="selected">${t.typeName}</option></c:forEach>
</select>

此时的设置很明显会默认显示：遍历数据的最后一个。因为前边的selected属性都被最后一个覆盖了。

而我们的需求是：期望下拉框默认显示的是这条博文原来选择的原创选项。

略加尝试，selected=“selected”这个表达式可不可以设置别的值？比如：

<select name="type" class="type"><c:forEach items="${type}" var="t"><option value="${t.typeId}" selected="${blogInfor.blogType}">${t.typeName}</option></c:forEach>
</select>

此时是这样子的：

c标签仍然会继续遍历给出的t，但是生成的每一个option都附带一个selected标签，这个标签的值是给定的博文类型，是通过el表达式获取到的；

那么不难想到，selected的值一定是博文原来选择的类型，当然，前提条件是：selected属性可以设置出了selected之外的值。

经过测试，此法完全可行：

selected可以设置出了selected之外的值；
下拉框的默认值设置成了el表达式传过来的值；

所以，我们的需求可以得到满足了。

结果图如下：

HTML之select下拉框：默认值设置相关推荐

php下拉默认选中的值,select下拉框默认选中
这次给大家带来select下拉框默认选中,select下拉框默认选中的注意事项有哪些,下面就是实战案例,一起来看一下. 本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和 ...
select下拉框默认选中selected属性不起作用的解决方法 ligerui
select下拉框默认选中selected属性不起作用浏览器-360浏览器系统-win10 框架-ligerui 原先代码: <td align="left" class ...
angularjs的select 下拉框默认选中某个选项
angularjs的select 下拉框默认选中某个选项在网上找了很多链接,试验之后都不行.比如常见的: <select class="form-control" ng-m ...
去除select下拉框默认样式
去除select下拉框默认样式 select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的sele ...
金蝶EAS DEP脚本（4）—— 控件常用脚本之设置下拉框默认值
设下拉框默认值可在界面的onload扩展点后置脚本中添加过滤参考实现: //如果是新增界面,则设置下拉框默认值 if(pluginCtx.getOprtState()=="ADDNEW& ...
jquery中如何获取select 下拉框默认选中的值？
通过id获取下拉框默认选中的值 <select class="form-control" id="numbers"><option value ...
记一次jquery: select下拉框默认设置选中项（利用数据回显）
1. 用selected属性默认增加选中项: <select name="" id=""><option value="1" ...
select下拉框获取值
select下拉框的使用下拉框获取固定的值 <select name="projectKind" lay-verify="required">&l ...
html 下拉框只读属性,Select下拉框的只读属性设置
今天在系统中增加一个查询的筛选条件,通过下拉框选取,用的是Angular常见的ng-options 指令: 情况:根据取得的值去选定select下拉框的选项. 引一个jquery.CSS:body{m ...
dategridview设置下拉框默认值_smtp服务器怎么设置
smtp服务器是什么意思 SMTP的全称是"SimpleMailTransferProtocol",即简单邮件传输协议.它是一组用于从源地址到目的地址传输邮件的规范,通过它来控制邮 ...

HTML之select下拉框：默认值设置

HTML之select下拉框：默认值设置相关推荐

最新文章

热门文章