在html（表單）表中檢測行數據變化（JavaScript/Jquery）

嗨，我是一位讀者，在這裏獲得很多幫助。這是我的第一篇文章。我知道這可能是一個類似的問題，但我仍然無法找到答案。有人可以幫我寫一個JavaScript/jQuery代碼：如果用戶修改這些字段中的任何一個，那麼dbFlag值將設置爲「U」（init。as「N」）。我正在努力製作正確的代碼。注意：數據行從DB填充，因此它可能是1行或N行。高度讚賞你的時間和努力。在html（表單）表中檢測行數據變化（JavaScript/Jquery）

<!DOCTYPE html> 
<html> 
    <head> 
    </head> 
    <body> 
     <form name="form1" id="form1" action="saveData" method="POST"> 
      <table id="dataTable" border="1"> 
       <tbody> 
        <tr> 
         <th>Badge #</th> 
         <th>turn #</th> 
         <th>Comment</th> 
        </tr> 
        <tr> 
         <td><input type="text" size="7" name="badge" id="badge" value="000000" /></td> 
         <td> 
          <select name="descMpoint" id="descMpoint2"> 
           <option value="1">1</option> 
           <option value="2">2</option> 
           <option value="3">3</option> 
          </select>      
         </td> 
         <td><textarea name="comment" cols="50" rows="2">txt area</textarea></td>    
         <td><input type="hidden" name="dbFlag" id="dbFlag" value="N" />  
        </tr> 
       </tbody> 
      </table> 
      <br> 
      <span class="tab"><input type="submit" name="updateData" value="Submit" id="updateData"/></span> 
      <br><hr> 
     </form> 
    </body> 
</html>

來源

2013-03-27 Frank Zhu

你想用一個'。對（ '變更'，函數（）{}）;'事件來捕獲則改變遍歷DOM到更新值：如$東西（ '輸入'）上（ '變更'，函數（）{$（本）.closest（ 'TR'）找到（ '輸入[名稱= DBFLAG]'）VAL（」。 U'）}）;但是，您需要刪除該ID - 您只能擁有唯一的ID - 您可以更改爲課程以使其更容易。 – Syon 2013-03-27 14:29:42

使用change事件：

$('#form1').on('change', 'input, select, textarea', function(){ 
    $(this).closest('tr').find('input[name="dbFlag"]').val('U'); 
});

jsFiddle & .change()

來源

2013-03-27 14:35:45 Syon

我真的很感謝你的幫助。我正在實施，它的工作原理。 jquery怎麼看起來很簡單，但很難正確寫入。 – 2013-03-27 18:03:26

哈哈，很容易搞砸了。但有趣的工作。 :) – Syon 2013-03-27 18:14:40

@FrankZhu如果這個答案對你有用，你可以通過點擊左邊的複選標記來接受它嗎？ :)謝謝，祝你好運！ – Syon 2013-03-28 12:20:00

在jQuery中，使用change事件功能。請注意，當問題領域未聚焦/模糊時，該功能會啓動。

實施例：

$("#badge").change(function(){ 
    var currentElement = $(this); //reference to the element that was changed 
    //etc. etc. 
});

的jsfiddle：http://jsfiddle.net/kfdNs/

來源

2013-03-27 14:37:05 Esaevian

在html（表單）表中檢測行數據變化（JavaScript/Jquery）

回答

相關問題