select下拉菜单默认选中selected属性不起作用

最新推荐文章于 2024-04-30 16:44:46 发布
最新推荐文章于 2024-04-30 16:44:46 发布
阅读量3.1k 收藏 3
点赞数 1
文章标签： 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/frelly01/article/details/128463885
版权

        使用select标签写下拉菜单时对option默认选中的“selected”无效，没有实现默认选中

先确定在脚本中是否存在第一次加载的时候更改了select里面的属性

解决：在select标签上加上autocomplete="off"属性，关闭自动完成属性，再次在火狐浏览器中刷新页面，默认选中属性selected="selected"属性有效。因此，在每次遇到select标签时加上autocomplete="off"属性。

代码：

<select class="selectType" autocomplete="off">
  <option value="流畅" selected="selected">流畅</option>
  <option value="标清">标清</option>
  <option value="高清">高清</option>
  <option value="超清">超清</option>
</select>

@子秋
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Html Select 使用selected属性设置默认选择项
01-21
给某个option 添加 selected = selected 属性就是默认选项 如： 复制代码代码如下: <select id=”isAudit” name=”isAudit”> <option value=”2″>全部</option> <option value=”1″ xss=removed>通过</option> <option value=”0″>未通过</option> </select> 则“通过”为默认选中。
js动态设置select下拉菜单的默认选中项实例
10-18
今天小编就为大家分享一篇js动态设置select下拉菜单的默认选中项实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
option标签selected="selected"属性失效的问题
weixin_30897233的博客
11-04 415
要在select标签上面加上autocomplete="off"关闭自动完成，不然浏览器每次刷新后将自动选择上一次关闭时的option，这样默认属性selected="selected"就会失效啦 要记住每次遇到select标签时就最好要加上autocomplete="off"这一项 转载于:https://www.cnblogs.com/ppphs/p/7782863.html...
elementUI select选择器设置了默认值，重新选择后不回显解决
qq_52499745的博客
11-30 860
解决办法：给el-select加 @change="$forceUpdate()" 强制刷新，就解决了。
vue使用el-select el-option失效 不显示名称 还是显示原数据
Nothing is impossible to a willing heart.
11-30 544
el-option视图并没有显示名称，还是显示了原数据。
解决调整el-options样式不生效
qq_43720804的博客
11-02 2409
问题分析： 当选中el-select的选项时页面的结构，选项的容器并不在挂载的div#app中，而是div#app的兄弟元素，我们在组件中设置样式的时候，加上了scoped，作用域都是局限在div#app中，所以设置的样式就无法正常作用到选项内容的div上。 注：el-select组件中，只有选项的容器默认是div#app之外的，展示的div.el-input还是在div#app之中。 问题解决： Popper-append-to-body属性是Element-UI官方文档中提供的一个属性，该属性的用途
select下拉框默认选中selected属性不起作用
tomorrownan的博客
11-05 2万+
问题: 问题：使用select写的下拉菜单对默认选选中的option项设置selected=&quot;selected&quot;属性，不起作用，没有实现默认选中。 分析： 分析：使用谷歌浏览器打开页面时，selected=&quot;selected&quot;默认选中事件有效。当使用火狐浏览器打开刷新页面后显示的是上一次关闭时选中的option选项，默认选中属性selected=&quot;selected&quot;失效。
有关在html中修改select标签的option selected默认选中属性实现
热门推荐
pinyinshang的博客
04-12 9万+
着急想要解决办法的朋友可以直接看最后的内容：}一般我们使用select标签时大概都会使用到option标签来填充下拉框中的内容只有几个固定的内容写死在页面还好，可能是这样的： &lt;select name="type"type="text"&gt; &lt;option velue= ""&gt;type&lt;/opt...
16.项目开发中遇到的问题（el-select默认选中某一项不生效及mounted钩子函数中调方法不能传参数）
银河与猫的博客
11-22 8005
1.el-select下拉框默认选中某一项不生效问题 <el-form-item label="系统类型" :label-width="formLabelWidth"> <el-select v-model="addForm.operatingsystem_type" placeholder="Linux"> <el-option v...
选择器 select option:selected
qq_26239917的博客
11-18 1177
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <select id="select"> <option value ="A">111&...
element ui select 默认值 无法显示lale
迷失的鱼的博客
03-06 195
1.遇到得第一个坑是字符串 a=1,5 object=a.split(,) 转数组，转出来是个object 2.object转数组arr=Array.from(object）第二坑 转出来是字符型数组 ["1","5"] 3.字符型数组转数字型数组 arr.map(Number) <el-selectv-model="roleList"multipleplaceholder="请选择角色"> <el-option v-...
html下拉菜单提交后保留选中值而不返回默认值
12-13
复制代码代码如下:<... <body> <?php // 获取select值 $select_value = ...php // 如果在上面获取的值和这个option里的值一样， // 就打印selected，让这个option默认被选中 echo $select_value == ‘option1
js控制select选中显示不同表单内容select下拉菜单特效
11-11
js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
励志做最业余的专业博主，控件产品可以私我~
04-28 734
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
Spring 事务
qq_66292058的博客
04-25 1212
在操作数据库中，我们通常会遇到这样一种场景，对于一组操作，要么全部成功，要么全部失败。在数据库中，专门对这样一组操作进行了定义，那就是事务。原子性：对于一个事务，只有两个执行结果，要么成功要么失败。一致性：事务执行前后数据库都是处于一个正确的状态，也就是事务对数据库的影响是符合预期的持久化：事务的执行会直接对硬盘里的数据进行修改隔离性：不同事务之间相互隔离的程度start(开启事务）：开启一个事务rollback(回滚事务）：回滚一个事务（使数据库回到开启事务前的状态）
探秘MySQL主从复制的多种实现方式
todoitbo的博客
04-26 1049
本文将深入探讨MySQL主从复制的多种实现方式，包括基于语句、基于行和混合模式等。无论您是初学者还是有经验的数据库管理员，都能通过本文全面了解MySQL主从复制技术的多样化选择，从而提高数据库的可用性和性能。
ubuntu18源码安装postgresql15.2数据库
04-27 396
由于官方的源只能安装到pg10这个版本，整了好一会没有成功就改为源码安装了。
SpringCloudAlibaba：2.nacos
m0_63040701的博客
04-26 933
Nacos是阿里巴巴开源的服务注册中心以及配置中心Nacos=注册中心Eureka + 服务配置Config + 服务总线Bus。
java线上问题排查之磁盘和网络查看分析（二）
最新发布
wayne_youlu的博客
04-30 225
overflowed 标识全连接队列溢出的次数,最前面是0，标识没有队列溢出的情况，网络环境正常。来查看网络是否连接。如果出现下图内容，则证明网络已经连接。
作为使用hbuilder的程序员，制作h5的全国城市下拉菜单，默认选中深圳，代码如何实现
05-25
你可以使用HTML、CSS和JavaScript来制作全国城市下拉菜单并默认选中深圳。可以按照以下步骤进行操作： 1. HTML代码如下： ```html <label for="city">选择城市：</label> <select id="city"> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="guangzhou">广州</option> <option value="shenzhen" selected>深圳</option> <!-- 其他城市选项 --> </select> ``` 在`select`标签中定义各个城市的选项，并使用`selected`属性来默认选中深圳。 2. CSS代码如下： ```css label { font-size: 16px; font-weight: bold; } select { font-size: 14px; padding: 5px; } ``` 这里只是简单地设置了一些样式，你可以根据自己的需要进行调整。 3. JavaScript代码如下： ```javascript var citySelect = document.getElementById("city"); citySelect.addEventListener("change", function() { var selectedCity = citySelect.options[citySelect.selectedIndex].value; console.log("当前选中的城市是：" + selectedCity); }); ``` 使用JavaScript监听`select`标签的`change`事件，获取当前选中的城市并将其输出到控制台（可根据需要进行修改）。这样，当用户选择不同的城市时，就会触发该事件并输出相应的信息。 以上就是使用HTML、CSS和JavaScript制作全国城市下拉菜单并默认选中深圳的简单示例，希望能对你有所帮助。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值