3

目的は、ページ読み込み後に入力値が変更されたかどうかを検出することです。

たとえば、入力フィールド (19 フィールド)

<input type="text" name="date_day1" id="date_day1" value=" >
<input type="text" name="date_month1" id="date_month1" value=" >
<input type="text" name="date_year1" id="date_year1" value=" >
<input type="text" name="amount1" id="amount1" value=" >

次に、このような非表示の入力フィールド

<input type="text" name="is_row_changed1" id="is_row_changed1" value="">
<script>

$("#date_day1").on("change", function () {
    document.getElementById('is_row_changed1').value = 1;
});

$("#date_month1").on("change", function () {
    document.getElementById('is_row_changed1').value = 1;
});

</script>

いずれかの入力フィールド (19 フィールド) の値が変更された場合は、この非表示の入力フィールドに反映する必要があります (非表示の入力フィールドの値を 1 に設定することにしました)。

その後、非表示の入力フィールドの値が 1 かどうかを確認する php で ajax を実行します。1 の場合は、mysql を更新します。目的は、サーバー リソースの使用を減らすことです。

質問 非表示の入力フィールドの Javascript コードが長くなります。作成する方法 (コード) が短く (より単純に) なる可能性がありますか?

4

4 に答える 4

0

このように使用します。

<script>
$("#date_day1").on("change", function () {

  $('#is_row_changed1').val(1);

});

$("#date_month1").on("change", function () {

  $('#is_row_changed1').val(1);

});

// etc
</script>
于 2013-04-17T07:40:09.010 に答える