每當輸入值發生變化時更新DOM值

Question

我正在瀏覽其他人的代碼，只要值已更改，它們就會更新某個值。實際的代碼如下所示。有沒有理由永遠這樣做？如果是這樣，它在做什麼？

$("#inputID").on("change", function() { 
    parent.document.getElementById("inputID").value= this.value; 
}); 

Answer 1

這可以用於最初應該同步的2個屬性的場景中。考慮一個由管理員設置的屬性（例如表單標籤）。標籤必須具有對管理員有意義的內部表示形式，以及用戶的外部「漂亮」表示形式。最初當鍵入標籤名稱時，使用上面的方法同步並且相同的值例如

Last Name: 
Last Name: 

被填充了兩個輸入框。如果沒有任何變化，管理員簡單地保存這兩個值（只鍵入一個），然後管理員和用戶看到相同的標籤。但後來用戶表示可以改變

Please Enter Family Name: 

但是管理員的代表性仍然

Last Name: 

，便於訪問和操作的。