Тупой!...
В упрощенном виде имеем следующее:
Данные из БД выводятся построчно, каждая строка - это форма с уникальным ID (равному ID записи в MySQL).
В каждой строке есть ячейка с INPUTом, рядом ссылка "сохранить" (вызывающая функцию-обработчик):
1.
2.
3.
4.
5.
6.
7.
8.
<td align="center">
<form id="27800">
<input name="operation" value="income" type="hidden">
<span id="price">
<input size="3" type="text" name="rub"> <a href="#a"><img src="./img/save.png" onclick="javascript:saveMoney()" border="0"></a>
</span>
</form>
</td>
По идее, всё, что мне надо - это после ввода цены и нажатия сохранить, обработать данные AJAX, сохранить изменения в БД и заменить без обновления данные в ячейке (содержимое span id="price").
Казалось бы банально, но упёрся не могу решить! С одной формой проблем, естественно, никаких! А вот как в моем случае быть, когда форма в каждой строке своя? Мне надо добраться FORM с нужным ID -> span -> price (пробовал кучу вариантов из примеров - не получается)
...
Первое - режет глаз
onclick="javascript:saveMoney()" - просто onclick="saveMoney()"
Второе - если используем jQuery и XHR, то в таком ключе формы вообще нафиг нужны: onclick="saveMoney(27800).
Возникает вопрос - если форм, как вы пишете много, то что такое <span id="price">, он в других формах как-то иначе назван? И зачем эта обертка вообще нужна?
Третье - опять-же если jQ, то якорь тоже не нужен.
Разметку которую вы привели можно обработать, но лучше ее изменить:
1.
2.
3.
4.
5.
6.
7.
<td align="center">
<input name="operation" value="income" type="hidden">
<div>
<input size="3" type="text" name="rub" id="27800" />
<span class="save" onclick="saveMoney(27800)">save</span>
</div>
</td>
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
function saveMoney(id)
{
$.post('./price_func.php',
{ value: $('#' + id).val() },// data send to server
function (data)
{
$('#price').empty().append(data);
console.log('common success');
})
.done(function ()
{
console.log('second success');
})
.fail(function ()
{
console.log('error');
})
.always(function ()
{
console.log('always');
});
}
Примечание: в классе "save" элемента span определяем всё что нужно - картинку бэкграундом, стиль надписи и т.п.
методы done(), fail(), always() можно не использовать, это для сведения и расширения функционала.
