http://jsfiddle.net/j3oh6s3a/
由于某些原因,向SELECT标记添加选项不会选择selected =’selected’属性选项,而是选择列表中的下一个选项.
请看上面的jfiddle.
在上面的示例中,应选择Car3,但在将选项附加到选择后选择Car4.最佳答案这是一个棘手(有趣)的问题.如果您在不同浏览器上测试小提琴,您将看到所选值发生变化：Chrome(Car4),IE(Car3),Firefox(Car5).所以我对你的小提琴做了一点改变,以“证明一个理论”.您可以在此链接上看到更改：http://jsfiddle.net/j3oh6s3a/1/.我只在过滤器循环中添加了一个日志,因此我可以在每次迭代中看到所选元素：if ($(this).is(":selected")) { console.log("Selected value = " + $(this).val()) };现在这就是发生的事情(或者至少是我的理论)：一旦从列表中删除了所选元素,每个浏览器都会继续,但认为足以确定所选择的选项.在这种情况下,每个浏览器将以不同的方式继续：>由于已删除所选选项,Chrome将自动(默认情况下)选择列表中剩余部分的第一个选项(Car4).将此选项发送到新列表时,会自动选择该选项,因为它比先前选择的选项更新.日志是：3,4.> Internet Explorer不执行任何操作,并以相同的方式复制每个元素,而不关心它们是否被选中.原始选定值将是最终选定值(Car3).日志是：3.> Firefox将像Chrome一样继续,但每次从列表中删除所选元素时,将选择其余元素的第一个选项.日志是：3,4,5,6,7,8,9,10,11,12;但是当列表中插入的最后一个选项是5时,它将是所选的选项.我稍后会查看是否可以找到任何信息来获取此信息,但它必须是明天,因为这里有点晚了. html 上一篇：html – CSS中不同大小的文本之间下一篇：javascript – 发送没有html标签的 猜你在找的HTML相关文章 elasticsearch扩展ik分词器词库 操作步骤 1、进入elasticsearch的plugin，进入ik。进入config。 2、在config下面建立以.di... 作者：前端之家 时间：2021-02-13 echarts中legend如何换行 lengend data数据中若存在''，则表示换行，用''切割。 作者：前端之家 时间：2021-02-13 Echart常用效果（一） 代码实现 option = { backgroundColor: '#080b30', tooltip: { t... 作者：前端之家 时间：2021-02-13 freemarker中js里面取字符串，换行导致报错的解决办法 问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var d... 作者：前端之家 时间：2021-02-13 Freemarker + xml 实现Java导出word 前言 最近做了一个调查问卷导出的功能，需求是将维护的题目，答案，导出成word，参考了几种... 作者：前端之家 时间：2021-02-13 【前端JSP思考】JSP中#{},${}和%{}的区别 JSP中#{},${}和%{}的区别： # #{}：对语句进行预编译，此语句解析的是占位符?，可以防止SQ... 作者：前端之家 时间：2021-02-10 【前端HTML】常用标签及属性 对于很多人来说，用HTML标签都是熟能生巧，而不清楚为什么是那样的标签，所以我在这列了一... 作者：前端之家 时间：2021-02-10 [前端]GOFLY项目-响应式登录页的设计和实现 登录界面如果要实现响应式 , 需要注意宽度的设置和media query的使用 宽度一般都是按百分比... 作者：前端之家 时间：2021-02-05 [前端] 设定为disabled的表单域值不能被提交 表单中的某个表单域被设定为disabled，则该表单域的值就不会被提交。 但是我们需要提交这个... 作者：前端之家 时间：2021-02-05 [前端] 代码中执行绑定元素的指定事件trigger方法 前面业务里有个搜索功能 , 入口比较深 , 现在想要把入口挪到有公共header的地方 , 在不想完... 作者：前端之家 时间：2021-02-05 编程分类 HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号 最新文章 • elasticsearch扩展ik分词器• echarts中legend如何换行• Echart常用效果（一）• freemarker中js里面取字符• Freemarker + xml 实现Jav• 【前端HTML】常用特殊字符• 【前端JSP思考】JSP中#{},• 【前端HTML】常用标签及属• [前端]GOFLY项目-响应式登• [前端] 设定为disabled的表 热门标签 更多 ► 关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作 最近更新· 小米手机重装系统价格多少?专业维修服务详解02-05· 手把手教你重装电脑系统,让你的电脑焕然一新!02-05· 教你一步步重装XP系统,让你的电脑重获新生02-05· 从备份到上网:一步步教你重装电脑系统02-05· Sony笔记本电脑一键重装系统详细图文教程02-05· Lenovo笔记本重装系统超详细教程，小白也能轻松...02-05· 联想笔记本一键重装Win10系统详细教程02-05· 电脑系统故障无需愁,专业维修店帮你重装旧貌换新...02-05· 联想笔记本一键重装Win10系统图文教程，小白也能...02-05· 笔记本重装系统图文教程：从光盘启动一步到位02-05 好站推荐 菜鸟教程 编程之家 前端之家 商务合作 联系我们 Copyright © 2019 前端之家. 当前版本 V7.0.16 前端之家 版权所有 闽ICP备13020303号-10
在上面的示例中,应选择Car3,但在将选项附加到选择后选择Car4.
最佳答案
这是一个棘手(有趣)的问题.
如果您在不同浏览器上测试小提琴,您将看到所选值发生变化：Chrome(Car4),IE(Car3),Firefox(Car5).所以我对你的小提琴做了一点改变,以“证明一个理论”.您可以在此链接上看到更改：http://jsfiddle.net/j3oh6s3a/1/.我只在过滤器循环中添加了一个日志,因此我可以在每次迭代中看到所选元素：
if ($(this).is(":selected")) { console.log("Selected value = " + $(this).val()) };
现在这就是发生的事情(或者至少是我的理论)：一旦从列表中删除了所选元素,每个浏览器都会继续,但认为足以确定所选择的选项.在这种情况下,每个浏览器将以不同的方式继续：
>由于已删除所选选项,Chrome将自动(默认情况下)选择列表中剩余部分的第一个选项(Car4).将此选项发送到新列表时,会自动选择该选项,因为它比先前选择的选项更新.日志是：3,4.> Internet Explorer不执行任何操作,并以相同的方式复制每个元素,而不关心它们是否被选中.原始选定值将是最终选定值(Car3).日志是：3.> Firefox将像Chrome一样继续,但每次从列表中删除所选元素时,将选择其余元素的第一个选项.日志是：3,4,5,6,7,8,9,10,11,12;但是当列表中插入的最后一个选项是5时,它将是所选的选项.
我稍后会查看是否可以找到任何信息来获取此信息,但它必须是明天,因为这里有点晚了.
html
上一篇：html – CSS中不同大小的文本之间下一篇：javascript – 发送没有html标签的
猜你在找的HTML相关文章
elasticsearch扩展ik分词器词库
操作步骤 1、进入elasticsearch的plugin，进入ik。进入config。 2、在config下面建立以.di...
作者：前端之家 时间：2021-02-13
echarts中legend如何换行
lengend data数据中若存在''，则表示换行，用''切割。
Echart常用效果（一）
代码实现 option = { backgroundColor: '#080b30', tooltip: { t...
freemarker中js里面取字符串，换行导致报错的解决办法
问题原因 原因在于直接在js中取的变量并复制给var变量。 于是就变成这样。 解决办法 var d...
Freemarker + xml 实现Java导出word
前言 最近做了一个调查问卷导出的功能，需求是将维护的题目，答案，导出成word，参考了几种...
【前端JSP思考】JSP中#{},${}和%{}的区别
JSP中#{},${}和%{}的区别： # #{}：对语句进行预编译，此语句解析的是占位符?，可以防止SQ...
作者：前端之家 时间：2021-02-10
【前端HTML】常用标签及属性
对于很多人来说，用HTML标签都是熟能生巧，而不清楚为什么是那样的标签，所以我在这列了一...
[前端]GOFLY项目-响应式登录页的设计和实现
登录界面如果要实现响应式 , 需要注意宽度的设置和media query的使用 宽度一般都是按百分比...
作者：前端之家 时间：2021-02-05
[前端] 设定为disabled的表单域值不能被提交
表单中的某个表单域被设定为disabled，则该表单域的值就不会被提交。 但是我们需要提交这个...
[前端] 代码中执行绑定元素的指定事件trigger方法
前面业务里有个搜索功能 , 入口比较深 , 现在想要把入口挪到有公共header的地方 , 在不想完...
编程分类
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
最新文章
• elasticsearch扩展ik分词器
• echarts中legend如何换行
• Echart常用效果（一）
• freemarker中js里面取字符
• Freemarker + xml 实现Jav
• 【前端HTML】常用特殊字符
• 【前端JSP思考】JSP中#{},
• 【前端HTML】常用标签及属
• [前端]GOFLY项目-响应式登
• [前端] 设定为disabled的表
热门标签
更多 ►
关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作
最近更新· 小米手机重装系统价格多少?专业维修服务详解02-05
· 手把手教你重装电脑系统,让你的电脑焕然一新!02-05
· 教你一步步重装XP系统,让你的电脑重获新生02-05
· 从备份到上网:一步步教你重装电脑系统02-05
· Sony笔记本电脑一键重装系统详细图文教程02-05
· Lenovo笔记本重装系统超详细教程，小白也能轻松...02-05
· 联想笔记本一键重装Win10系统详细教程02-05
· 电脑系统故障无需愁,专业维修店帮你重装旧貌换新...02-05
· 联想笔记本一键重装Win10系统图文教程，小白也能...02-05
· 笔记本重装系统图文教程：从光盘启动一步到位02-05
好站推荐 菜鸟教程 编程之家 前端之家
商务合作
联系我们
Copyright © 2019 前端之家. 当前版本 V7.0.16
前端之家 版权所有
闽ICP备13020303号-10
