2010-10-19 53 views
1

我目前正在根據網站內提供的信息創建一個可打印的表單。自定義CSS樣式表不是很理想,而不是我希望,這將是可能做到以下幾點...使用Javascript來查找DIV中的文本,插入到HTML表單中?

如果我有頁上的以下DIV稱爲name.html

<div id="name">John</div> 

有沒有辦法獲得#name的內容並將其傳遞到另一個頁面中的文本字段,稱爲form.html?理想情況下,避免服務器端腳本?

回答

1

檢索元素的文本(如ALL文本,子節點包括):

var value = document.getElementById('name').textContent; 

然後分配在另一個頁面中的文本輸入字段:

document.getElementById('myField').value = value; 

中當然不適合跨頁面。如果你不想爲此使用服務器端代碼,那麼做一個簡單的方法就是將代碼傳遞給查詢字符串,重定向到表單頁面,並從查詢參數中檢索變量。這聽起來比實際更簡單,因爲你需要一個功能add a query parameter,另一個read a query parameter,並確保一切都是encoded and decoded properly

另一個不好的替代方案可能是use cookies via JavaScript

另一個 - 更好但尚未普及 - 替代可以使用WebStorage API。 (見localStorage和/或sessionStorage)。這需要支持這些API的現代瀏覽器(例如Google Chrome,IE9,Firefox 4等)。

嵌入式鏈接將提供缺少的部分。

相關問題