javascript - 通过 id javascript 管理表单操作

Question

我有一个假应用程序的基本每周计划表，我想跟踪单击选择框的用户以及他们选择的内容。如下图所示，如果表单以 12:00 和 12:15 开始，我想跟踪它们是否在 JavaScript 中更改了这两个时间。除了如何跟踪它之外，我知道该怎么做...我是否使用了 for、id 或 name 属性，为什么我使用其中一个而不使用其他属性，以及哪些 javascript 函数适合执行此操作？我没有安装框架，但 Django

<form id="schedule_form" method="post"  action="/owners/artemis-treats/schedule/"
            enctype="multipart/form-data">
        <span>Monday</span>
        <p><label for="id_open_time_1">Opening:</label> <select id="id_open_time_1" name="open_time_1">
<option value=""></option>
<option value="00:00" selected="selected">12:00 a.m.</option>
<option value="00:15">12:15 a.m.</option>
<option value="00:30">12:30 a.m.</option>
<option value="00:45">12:45 a.m.</option>

谢谢

Answer 1

如果您有权访问 jQuery，则可以按照以下方式执行某些操作来确定默认选定值何时或是否已更改:

$(document).ready( function() {
    // Save default select value on page load.
    var default_select = $('#id_open_time_1').val();

    // When it changes, test to see if change is different from default.
    $('#id_open_time_1').change( function() {
        if ( $(this).val() === default_select )
            alert('It has NOT changed! Default is selected.');
        else
            alert('It changed from default!');
    });
});

查看示例为JSfiddle .