javascript – 在框中选择选项的最正确方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在框中选择选项的最正确方法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1573字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 在框中选择选项的最正确方法](/upload/InfoBanner/zyjiaocheng/742/14cf2b014aa7428f8c83eef7fe4e6cb2.jpg)
我知道有多种方法可以从使用jQuery中选择一个特定的选项:
> $select.val(“someValue”)
> $option.attr(“已选中”,“已选中”)
> $select [0] .selectedIndex = 1
假设您同时拥有要选择的选项的索引及其值,那么选择哪种方法(从上面或其他方面)最正确的方法是什么?
“最正确”,我的意思是:
>最佳实践,如果有的话
>将正确设置值以便随表单一起提交,并可使用上述任何方法检索
>为什么我选择一种方法而不是其他方法的任何其他原因
解决方法:
$select.val(“someValue”)
这很好,在常见的情况下,它是非多重选择,并且您没有两个具有相同值的不同<选项> s.如果是这种情况,我会选择这个,作为最可读的选项.
$select[0].selectedIndex = 1
这更直接,更快,并且对于具有相同值的多个选项的情况,必须明确无误.
如果您可能有多项选择,则必须分别获取/设置每个选项的选择性:
$select[0].options[1].selected= true;
然而:
$option.attr(“selected”, “selected”)
通常不是最好的方法. attr()的问题是访问DOM属性和HTML属性是一个讨厌的黑客,好像它们是同一个东西,试图隐藏与你的区别. attr()在这种情况下将做的是设置所选的DOM属性,这是一个布尔值.所以attr(‘selected’,true)会更有意义; ‘selected’作为字符串值也可以,但只是因为JavaScript中的所有非空字符串值都是’truthy’.
如果您实际上在此处设置HTML selected属性,则它不会对选项的选择性产生影响,因为所选属性实际上映射到defaultSelected属性而未选中! selected属性反映用户更改的运行时表单内容; defaultSelected反映包含初始选择状态的文档中的实际属性.
(除了在IE上,由于其默认值的实现存在错误,并且在某些情况下也会在其他浏览器中过于复杂且容易引起混淆.带回家的建议:不要尝试从脚本中设置所选的HTML属性因为结果可能是不可预测的.使用DOM属性.对于输入的值/ defaultValue也是如此,对于checkbox / radio,check / defaultChecked也是如此.)
内容总结
以上是互联网集市为您收集整理的javascript – 在框中选择选项的最正确方法全部内容,希望文章能够帮你解决javascript – 在框中选择选项的最正确方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。