javascript - 如何获取选择的选项ID？

Question

从 HTML select 中获取选定的值:

选项[selectedIndex].value

如果我想获取所选选项的“id”怎么办？

Answer 1

没有做太多假设(即 select 是一个有效的 SELECT 元素)，

var options = select.options;
var id      = options[options.selectedIndex].id;
var value   = options[options.selectedIndex].value;

或者，

var options = select.options;
var value   = (options.selectedIndex != -1) ? options[selectedIndex].value : null;
var id      = (options.selectedIndex != -1) ? options[selectedIndex].id : null;

始终检查假(或评估为假的值)。示例 2 将变量设置为 null(如果没有选择任何内容)。