Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > работа со множеством текстовых полей

Автор: Areostar 23.5.2013, 16:07

Динамически создаю множество тестовых полей! как мне после этого собрать с них данные?
давать каждому полу отдельное имя не вариант!

Автор: Sanchezzz 23.5.2013, 16:15

Пример HTML можно?

Этот ответ добавлен с нового Винграда - http://ru.vingrad.com//object-id519e14f86ccc19425d000003#findElement_E7045_519e16566ccc194c4e00589e_0

Автор: CruorVult 23.5.2013, 16:31

Код


document.querySelectorAll('input[type=text]')

Автор: Areostar 23.5.2013, 16:41

Создал в PHP:

Код


echo"<table><tr><td>העורות</td><td>מספר רכב</td><td>פלאפון</td><td>שם חברה</td><td>שם מלא</td><td>מספר</td></tr>";
    
    while($record = mysql_fetch_array($result))
    {
        echo"<tr><td class='note'><input type='text' value='".$record["note"]."' /></td><td><input type='text' value='".$record["carNumber"]."' /></td>
        <td><input type='text' value='".$record["telephone"]."' /></td><td><input type='text' value='".$record["firmName"]."' /></td>
        <td><input type='text' value='".$record["fullName"]."' /></td><td>".$index."</td></tr>";
        $index++;
    }
    
    echo"</table>

читать JS(Jquery) надо

coздаю таблицу. в каждой Ячейке текстовое поле.

нужно собрать данные отдельно с каждого ряда таблицы!

что мне кадый ряд в отдельный див запирать?

Автор: Sanchezzz 23.5.2013, 16:45

И получим все инпуты...
Тут нужно исходить из куска HTML с которого нужно собрать поля.

JQuery 1.7+

Код


var inputList = $('.myForm input[type="text"]'), dataObj = {};
$.each(inputList , function(key,item){
  dataObj[key+''] = $(item).val();
});
console.log('Объект',dataObj, 'Конвертируем в JSON строку ', JSON.stringify(dataObj) );

// пример как можно оправлять данные аяксом даже в Object виде.
$.post('/url', {inputi: dataObj}, function(data){
  console.log('ответ аякс запроса', data); 
},'html');

Этот ответ добавлен с нового Винграда - http://ru.vingrad.com//object-id519e14f86ccc19425d000003#findElement_E7045_519e1d8d6ccc19b245002499_0