2014-06-23 69 views
0

我有,你可以在一個單元格單擊,並更新細胞,我將通過AJAX做信息表中的隱藏數據變量。對於我的查詢工作,我需要在單元格,也是一個隱藏的變量,它是在小區前面的數據的ID進入了新的信息,但我不知道如何隱藏的那件如一個會內的數據做形式與隱藏的輸入。如果有人能幫助我,我會非常感激。由於如何產生一個​​

+0

您可能感興趣的[。數據()](http://api.jquery.com/data/),但你應該包括你的代碼,所以我們有你正在使用的東西有所瞭解。 –

+0

一些代碼和一個jsFiddle將幫助更輕鬆地回答這個問題。 –

+0

使用'.data()'在每個單元中存儲元數據。如果你可以提供你的代碼,我可以給你一個更實際的例子。 –

回答

3

使用HTML5數據屬性將數據存儲在TD本身:

<td data-id="123456" data-another-variable="98765"> ... </td> 
+0

雖然正確,但這並不完全告訴OP _how_使用HTML5數據元素。 –

+0

它給了他們綽綽有餘的谷歌「html5數據屬性jQuery」,並且學習了比SO的鸚鵡學問更多的東西。很多時候,它獲得單缺少的部分,可以讓你學到的知識... – Moo

+0

的一個全新的領域這個網站的意義就在於成爲知識的一個點。基本上告訴某人「這是你想要的主題,去尋找它」幾乎沒有達到那個目標。這將會產生一個非常好的評論,但對於答案似乎有點輕鬆。如果OP的google-fu很強大,他/他可能不需要在這裏提問。只是我的承擔。 –

1

讓假定你有HTML這樣

<tr> 
    <td> 
     <span data-id="21">Tony<span> 
    </td> 
    <td> 
     <span data-id="43">345.22<span> 
    </td> 
</tr> 

<input type="text" id="txtEdit" style="display:none" /> 

每個單元當你點擊它現在有一些值。一個隱藏的文本框移動到該細胞(TD內)並隱藏跨度,所以現在它會是這樣的。

<td> 
    <input type="text" id="txtEdit"/> 
    <span style="display:none" data-id="21">Tony<span> 
</td> 

當用戶從文本框更新值焦點使用ajax和更新新值的跨度。如果用戶按下轉義移出文本框到正文並顯示span。你不需要隱藏領域。很簡單!

+0

感謝您的回答! – user3352112