javascript - 如何获取下拉列表的默认值？

Question

如何获取复选框和下拉列表的 defaultValue 或 value？对于我使用的文本框和文本区域:

html:

<input type="text" id="txtbox_id" class="input-text" />
<input type="checkbox" id="checkbox1" />
<br />
<select id="select" name="select">
    <option value="Yes">Yes</option>
    <option value="No">No</option>
</select>

Javascript:

function check() {
    var default1    = document.getElementById("txtbox_id").defaultValue;
    var change1     = document.getElementById("txtbox_id").value;
    var default2    = document.getElementById("checkbox1").defaultValue;
    var change2     = document.getElementById("checkbox1").value;
    var default3    = document.getElementById("select").defaultValue;
    var change3     = document.getElementById("select").value;
    if (change1 == default1 && change2 == default2 && change3 == default3) {
        alert('Not Changed!');
    } else {
        alert('Changed!');
    }
}

我正在使用它来检查表单中的值是否已更改。但是当我使用此代码检查复选框和下拉列表时出现错误。请建议我实现此目标的正确方法。

Answer 1

检查他们的属性。当用户修改表单时，它会影响属性，但属性保持不变。

var checkbox_defaultChecked = document.getElementById('some_checkbox').getAttribute("checked");

选择有点难:

var selectbox_defaultOption = document.querySelector("#some_dropdown option[selected]");

请注意，对于旧版浏览器，您将需要填充程序或更复杂的代码。