标签：dom selectedvalue javascript

这是一个简单的问题,但是我找不到任何参考,因此就在这里.

假设我有一个选择元素：

<select id="sel">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

现在,我要获取其选定选项的值.我最经常看到这种代码段被使用：

var sel = document.getElementById('sel');
console.log( sel.options[sel.selectedIndex].value ); //1

哪个很棒.但是,我发现select元素也具有value属性：

console.log( sel.value ); //1

参见两个示例的fiddle.

第二种形式不仅简单得多,而且还可以一直使用到IE6(是的,我确实对此进行过测试,这是IE6 friendly version).

第一种方法被如此广泛接受是有原因的吗？第二种方法是否存在某些不兼容或极端情况？

ps.我的“最常用的方法”论文主要基于个人经验,但是作为参考,在Get selected value in dropdown list using JavaScript?中最受支持的两个答案使用第一种方法.

解决方法:

MDN page告诉我们

options nsIDOMHTMLOptionsCollection The set of elements contained by this element. Read only.

selectedIndex long The index of the first selected element.

value DOMString The value of this form control, that is, of the first selected option.

但是它也说

selectedOptions Unimplemented (see bug 596681) HTMLCollection The set of options that are selected. HTML5

因此,如果您希望具有多选但又通用的兼容性,则必须遍历选项,但如果有单选,则sel.options [sel.selectedIndex] .value和sel.value是等效的,但是先验与“多选”循环的形式“更相似”.

标签：dom,selectedvalue,javascript
来源： https://codeday.me/bug/20191031/1973005.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。