javascript中奇妙的select控件不能记录selected事件

于 2021-11-20 10:21:08 发布
阅读量647 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/thanksgivingguy/article/details/121435731
版权

昨晚调整了一下后台java程序，然后让一个select控件每条option的字符变得很长。select选框都无法显示完整的那种。接着我就发现我在js中调用这个select控件时它无法记录selectedoption了。我还以为发生了别的问题，一顿核对查找都没有搞定。耽误了我一个多小时时间后我就滚回去休息了。在路上就思考怎么会出现这种事情呢？难道是select中option字符串太长造成的？今天一过来，把字符串改短了以后立马能行了。哦！神奇的stupid js啊！

thanksgivingguy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript操作select控件代码实例
10-15
【JavaScript操作select控件】在Web开发中，`select`元素是HTML中用于创建下拉列表的常见控件。本文将详细介绍如何使用JavaScript来操作这个控件，包括新增、删除、修改、选中和清空选项，以及判断特定选项是否存在...
jQuery选中select控件 无法设置selected的解决方法
10-28
在JavaScript和jQuery中，操作HTML元素，特别是select控件，有时会遇到兼容性问题，尤其是在老版本的Internet Explorer浏览器中，如IE6。标题和描述中提到的问题是关于使用jQuery尝试选中select控件的特定option时，...
html:select没有selected
quxiuer
04-26 1200
checked在html:radio  html:select  html:checkbox语法里面是没有的  可以借助js来实现     在后面加                          document.all("xxx")[0].checked=true;        
关于html页面调式select下拉框的时候，被选中的没有加入selected属性
u010523770的专栏
06-24 1万+
今天做前端页面调试的时候，发现一个很有意思的问题： 选了下拉框的某个值后，对应的没有出现selected属性。 按理说应该是这样的： selected属性表示被选中的意思。 这是一个调试的现象，不要认为它是错误的，因为js里面是可以获取谁被选中的。 经验之谈，有些东西，需要慢慢的积累。
js生成select，option没有selected属性
shehuinibingge的博客
03-26 2082
在追加后添加$('#id select').each(function (index, val) { var v = $(val); v.change(function () { var iex = v.get(0).selectedIndex; v.children('option').eq(iex).attr('selected', true)....
select设置 selected 没有生效的解决方法
空空的博客
04-18 7067
<select class="span12" autocomplete="off"> <option data-nid="no" selected class="f_head">内容-通用</option> <option data-nid="no" class="f_head&quot
关于有时select下拉表单selected设置无效的解决方案
df981011512的博客
10-26 2万+
autocomplete="off"> --请选择--
javascript select控件间内容互相移动
10-29
在JavaScript中，`select`控件是HTML表单中用于创建下拉列表的元素。本文将详细介绍如何使用JavaScript实现`select`控件间内容的互相移动，以及提供的代码示例的功能解析。 首先，我们需要理解HTML中的`<select>`...
js操作select控件的几种方法
10-29
在实际的网页开发中，开发者可能还需要应对更多复杂情况，例如处理多选select、动态加载选项、处理事件等。了解和掌握这些基本操作对于JavaScript前端开发者来说是非常重要的，因为它们可以帮助构建交互性强、用户...
HTML中select的option设置selected="selected"无效的解决方案
u013365404的专栏
09-30 6155
后台 一直搞这个，我直接F12添加selected="selected" 可以出效果的，后来发现他添加了清空select的js了....自己添加的都忘了，神坑
关于设置了select控件内option的selected属性，却没有变化的解决方案。
weixin_43538901的博客
05-14 7176
问题描述：使用jQuery的attr函数设置select控件内option的selected属性，会偶发性设置不到位，比如通过jQuery的attr函数把option的selected属性改为true，通过console控制台也看到该option确实为true，但实际显示select还是原来的选中值，甚至还有偶发性的情况。 解决办法：这时使用jQuery的prop函数。 具体代码： <sel...
select下拉框默认选中selected属性不起作用
tomorrownan的博客
11-05 2万+
问题: 问题：使用select写的下拉菜单对默认选选中的option项设置selected=&quot;selected&quot;属性，不起作用，没有实现默认选中。 分析： 分析：使用谷歌浏览器打开页面时，selected=&quot;selected&quot;默认选中事件有效。当使用火狐浏览器打开刷新页面后显示的是上一次关闭时选中的option选项，默认选中属性selected=&quot;selected&quot;失效。
动态给option设置selected后，select下拉框显示不正确，selected=“selected”的option
qq_40595166的博客
11-30 7103
如上图，设置了selected的option对应值为ef，但是下拉框值是cccccc。//错误代码， $("#selectId option").removeAttr("select"); $("#selectId option[value='01']").attr("selected",true); //正确代码 $("#selectId option").porp('selected',
bs 下拉菜单无效_单选下拉选项(Selected), js 第二次操作select 无效
weixin_33941707的博客
12-31 516
使用版本：Amaze UI v2.7.2第一次用js操作，操作成功$('#md-addfile-filetype').find('option').eq(0).attr('selected', true);$('#md-addfile-filetype').trigger('changed.selected.amui');用鼠标选择下拉框的其他选择选项后，再次操作，操作失败$('#md-addfi...
Bootstrap js动态给select添加option元素不显示
NoahCode的博客
01-28 3100
问题起因 本人在使用Bootstrap过程中，用js动态给select元素添加option元素时没有显示，在for循环获取option数据时，是能获取的，但是就是显示不出来，只有当人为的去刷新此页面后才可以显示，这对用户来说很不友好，故从网上查找解决办法。 解决方法 在获取完option数据后添加以下两句，即可在进行数据的更改后可以更新select选项 //要以编程方式更新JavaScript的选...
js控制select下拉框--动态隐藏，展示option
热门推荐
树欲静而风不止
03-29 4万+
如上图，下拉框中有六个option，如果想隐藏option我们该怎么办呢？（先拿chosen多选做示范） 只需要使用js找到对应的option，然后添加上 style->display：none即可 //遍历所有option，加上display属性 $('#form-field-select-4 option').each(function(){this.style='displ...
html5表格中select不显示,解决layui的使用以及针对select、radio等表单组件不显示的问题...
weixin_34175978的博客
06-17 1244
layui是国内一款界面比较整洁大方的ui框架，里面封装了很多前端开发常用的组件，通常我们直接复制代码过去就可以实现效果，可以提高我们的开发效率。使用步骤：2、将layui文件夹复制到自己的项目里：3、在html页面引入相关的css和js: //路径仅供参考 //路径仅供参考4、我们除了直接复制组件代码过来使用外，也可以参考他们的开发文档，了解更多更详细的使用方法：form表单select、rad...
php+javascript的日历控件
10-29
本文将深入探讨这个PHP+JavaScript日历控件的实现细节，以便于开发者理解并可能应用到自己的项目中。 首先，日历控件的核心是JavaScript部分，它负责在用户界面上动态生成和交互。在提供的代码中，我们看到一个名为...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值