HTML<选择>defaultValue 属性（但不是变体）

Question

我正在编写一个小脚本来测试表单在提交之前是否已被更改。所以我可以使用普通输入（文本、文本区域等）：

if(element.defaultValue != element.value) {
    altered[element.name] = element.value;
    element.value = element.defaultValue;
}

这工作正常。但似乎选择输入没有可供检查的输入。虽然在 Firebug 中它确实出现在 DOM 列表中，但是是黑色（而不是绿色），我相信这意味着它是由浏览器添加的（如果我错了，请纠正我）。

如果我记录选择元素的 element.defaultValue，它将返回 undefined。

所以我的问题是， select 有 defaultValue 属性吗？或者我可以利用一些替代方案？

Answer 1

如果您没有在 元素上设置默认选定选项（或者如果您始终选择第一个选项作为默认选项），您可以尝试：

if(element.selectedIndex && element.selectedIndex != 0) {
    //this handles <select> inputs
    altered[element.name] = element.options[element.selectedIndex].value;
    element.selectedIndex = 0;
}
else if(element.defaultValue != element.value) {
    //this handles any other kind of input (except not really for checkbox, radio, etc.)
    altered[element.name] = element.value;
    element.value = element.defaultValue;
}

Answer 2

默认选项的 defaultSelected 属性设置为 true。

您可以使用以下命令获取 JQuery 中的默认选择：

$('#ddlReceivingStore').children('option[defaultSelected="true"]')