Javascript表單顯示和編輯

-1

我想將表單數據作爲javascript變量存儲在一個對象中，然後當表單提交將數據放入表單下方的窗體中，並在其旁邊具有編輯和刪除按鈕。所以我想要在javascript中使用OOPS概念，並且不應該有任何服務器端腳本。這是純粹的客戶端腳本，其中只有HTML & JavaScript做所有這些。請幫助我只有一個字段在窗體中的字段像名稱.. 當onclick將名稱存儲到某個對象，如可以編輯和刪除的人。Javascript表單顯示和編輯

來源

2013-08-29 user2699972

var usr = document.getElementById（'user'）。value;我試圖使用這個，顯示的數據和編輯功能也編輯，但當你嘗試添加新的名稱，那麼它應該加起來的現有名稱，而不是取代現有的.. – user2699972

在您的javascript中，您希望按照（這隻會在您使用jQuery時才起作用）執行某些操作。

$("button").click(function(){ 
    $("#placeToStoreName").val($("#name").val()); 
});

我不會爲你寫HTML，但是這應該給你一個客戶端代碼的起點。

注意，這不會將其存儲爲自己的變量。如果你想這樣做，那麼你可以使用

var name = $("#name").val();

這種方法假定你正在分配一個id到你想保存的字段。如果你不是那麼你需要研究使用javascript來訪問表單中的節點並提取數據。

來源

2013-08-29 10:43:54 BenM

OP似乎並沒有很好地持有的JavaScript本身，顯示JQuery代碼只是會混淆他，更好的開始與純JS，然後你可以鼓勵他學習JQuery :) – rps

var usr = document.getElementById（'user'）.value; 我試過使用這個，顯示數據和編輯功能也編輯，但當你嘗試添加新名稱時，它應該加起來的現有名稱，而不是取代現有的。 – user2699972

顯示您已完成的代碼 – ashley

提取和所有形式的數據存儲到變量，當您使用以下

$("button").click(function(){ 
$("#name").val($("#name").val()); 
$("#email").val($("#email").val()); 
});

給jQuery代碼提交表單，並使用此this鏈接動態創建錶行。

來源

2013-08-29 10:54:13

Javascript表單顯示和編輯

回答

相關問題