Форумы портала PHP.SU :: Версия для печати :: Обработать поля на аяксе

2. Viper - 29 Июня, 2016 - 10:05:12 - перейти к сообщению

1. Всегда! делайте форму, не зависимо от того чем вы обрабатываете. Так вы по крайней мере будете уверены что при какой-либо ошибке javascript юзер сможет отправить форму на сервер. Не ведитесь на новомодные быдло-тенденции.
2. id у input'ов в данном случае лучше убрать и задать class="ваше_значение".
3. если уж используете синтаксис jquery то и используйте. Не нужно мешанину делать из чистого js и jquery. Не ройте себе яму.
4. $('#slojenie').change вообще бред. У <div> нет действия change.
5. По классу($('.ваше_значение')) проходитесь через $.each() по всем и выполняете умножение.
6. Значения инпутов нужно приводить к integer ну или хотя бы проверять через parseInt()

3. Рачей - 29 Июня, 2016 - 16:28:39 - перейти к сообщению

Все сделал как вы сказали.

PHP:
скопировать код в буфер обмена

 
$('.sgls').each(function (i, value) {
        // в лог выводит
        console.log('sgls' + i + ':' + $(this).val());
        /// а как мне теперь присвоить сосднему полю значение посчитаное?
 
        $('.sglr'+ [i]).val('100');     /// не работает...      
});

4. Viper - 29 Июня, 2016 - 20:29:03 - перейти к сообщению

Рачей пишет:

/// а как мне теперь присвоить сосднему полю значение посчитаное?

зависит от того какая сейчас у вас структура html. Могу предположить лишь примерно

CODE (javascript):
скопировать код в буфер обмена

$('.slgr').eq(1).val(100); // из массива объектов выбираем второй и присваиваем.

5. Рачей - 29 Июня, 2016 - 22:54:49 - перейти к сообщению

Может не правильно изяснился, мне нужно что бы введя в поле sgls сумма отправлялась в sglr
при вводе в поле dbls другая сумма вывелась dblr и так же с tpls и tplr
если бы это было с одной таблицей, то у меня получалось в верхнем примере. Но надо добавлять количество этих таблиц до 10-15...

Спойлер (Отобразить)

PHP:
скопировать код в буфер обмена

 
<script>
$(document).ready( function() {
 
 
        var curs = '10';
$('#form').change(function(e){
 
        $('.sgls').each(function (i, value) {
                        
                        console.log('sgls' + i + ':' + $(this).val());
                        
                                s = curs * $(this).val();
                        $('.slgr').eq(1).val(s); // из массива объектов выбираем второй и присваиваем.
                        
        });
 
        });     
});
</script>
<form method="post" id="form" action="?module=nomer">
<table>
        <tr class="liniya">                     
                <td align="right">
                        <input type="text" name="sgls[]" class="sgls" value="" size="5">
                </td>
                <td align="left">
                        <input type="text" name="sglr[]" class="sglr" value="" size="5">
                </td>
                <td align="right">
                        <input type="text" name="dbls[]" class="dbls" value="" size="5">
                </td>
                <td align="left">
                        <input type="text" name="dblr[]" class="dblr" value="" size="5">
                </td>
                <td align="right">
                        <input type="text" name="tpls[]" class="tpls" value="" size="5">
                </td>
                <td align="left">
                        <input type="text" name="tplr[]" class="tplr" value="" size="5">
                </td>
        </tr>
</table>
<table>
        <tr class="liniya">                     
                <td align="right">
                        <input type="text" name="sgls[]" class="sgls" value="" size="5">
                </td>
                <td align="left">
                        <input type="text" name="sglr[]" class="sglr" value="" size="5">
                </td>
                <td align="right">
                        <input type="text" name="dbls[]" class="dbls" value="" size="5">
                </td>
                <td align="left">
                        <input type="text" name="dblr[]" class="dblr" value="" size="5">
                </td>
                <td align="right">
                        <input type="text" name="tpls[]" class="tpls" value="" size="5">
                </td>
                <td align="left">
                        <input type="text" name="tplr[]" class="tplr" value="" size="5">
                </td>
        </tr>
</table>
<input type="submit" class="btn btn-block btn-default" value="Добавить">
</form>
 

(Добавление)
Получилось вот таким образом

PHP:
скопировать код в буфер обмена

 
$(document).ready( function() {
        var curs = '10';
        $('#form').change(function(e){
                $('.sgls').each(function (i, value) {
                        var s = curs * $(this).val();
                        $(".sglr:eq("+i+")").val(s);    
                });
                $('.dbls').each(function (i, value) {
                        var s = curs * $(this).val();
                        $(".dblr:eq("+i+")").val(s);    
                });
                $('.tpls').each(function (i, value) {
                        var s = curs * $(this).val();
                        $(".tplr:eq("+i+")").val(s);    
                });
        });     
});
 

6. Viper - 30 Июня, 2016 - 08:39:40 - перейти к сообщению

Ну если работает - и хорошо. Единственное смените :eq на .eq()
http://api[dot]jquery[dot]com/eq-selector/ абзац Additional Notes