2014-06-23 2 views
0

У меня есть таблица, которую вы можете щелкнуть по ячейке и обновить информацию в ячейке, которую я буду делать через AJAX. Чтобы мой запрос работал, мне нужна новая информация, введенная в ячейку, а также скрытая переменная, которая является идентификатором предыдущих данных в ячейке, но я не знаю, как скрыть эту часть данных, например, формы со скрытым вводом. Я был бы очень благодарен, если бы кто-нибудь мог мне помочь. БлагодаряКак создать скрытую переменную данных в <td>

+0

Возможно, вас заинтересует [.data()] (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 и обновляет новое значение в диапазоне. в случае, если пользователь нажимает escape, выходим из текстового поля в тело и показываем интервал, как есть. вам не нужно брать скрытое поле. Так просто!

+0

Спасибо за ваш ответ! – user3352112

Смежные вопросы