В ниже приведенной таблице у меня стоит обработчик клика правой кнопкой мышки, по которому выводится собственное попап-меню. В этом меню есть опция Edit. Она должна позволять редактировать значения в ячейках таблицы. Т.е. клик ПКМ -> опция Edit -> выводится тег <input> возле ячейки, по которой кликнули -> в инпут записывается текущее значение -> меняем значение на нужное -> жмем enter и значение обновляется в ячейке. Я понимаю, что ввод инфы нужно обрабатывать при помощи
$("#input_id").change(function() {
// код
});
Проблема только с добавлением этого input в нужное место(либо возле указателя мышки, либо аккурат слева/справа от ячейки, в которой меняем значение). Прошу помощи, как решить эту проблему.
<table id="product_table">
<tr class='click'>
<th class='name'>
Name
</th>
<th class="count">
Count
</th>
<th class='price'>
Price
</th>
<th class='dis_price'>
Discount price
</th>
<th class='discount'>
Discount
</th>
</tr>
</table>