Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > формы,сохранение в массив,формирование таблиц


Автор: Lulka 30.8.2010, 17:36

Создать форму для введения информации о работе сотрудников фирмы:

 - Фамилия И.О. (текстовое поле)
 - должность (выпадающий список)
 - отметка о наличии заключенных договоров (флажок)
 - количество заключенных договоров (текстовое поле, доступное при вкл. флажке)
 - кнопка Очистить
 - кнопка Сохранить (данные из Формы сохранить в массивы)
 - кнопка Сформировать (вывести полученные данные в виде таблицы)

Автор: bars80080 30.8.2010, 18:52
и что не получается?

Автор: Lulka 30.8.2010, 19:17
не знаю как последнии два пункта сделать

Автор: bars80080 30.8.2010, 21:25
Код

<html><body>
<form name="form_name">
<input type="text" name="q1" />
<select name="sel4">
<option value="3">qwe</option>
<option value="5">yuio</option>
</select>
</form>
<script>
function qw() {
    var f = document.forms['form_name'];;
    var ar = new Array(), j = 0;
    var ic = f.elements.length;
    for(var i = 0; i < ic; i++) {
        ar[j] = [f.elements[i].name, f.elements[i].value];
        j++;
    }

    var d = document.getElementById('res');
    d.innerHTML = '<table id="tab"></table>';
    var t = document.getElementById('tab');
    var row, cell;
        row = t.insertRow(0);
        cell = row.insertCell(0);
        cell.innerHTML = 'name';
        cell = row.insertCell(1);
        cell.innerHTML = 'value';
   for(i = 0; i < j; i++) {
        row = t.insertRow(i + 1);
        cell = row.insertCell(0);
        cell.innerHTML = ar[i][0];
        cell = row.insertCell(1);
        cell.innerHTML = ar[i][1];
    }
}
</script>
<input type="button" value="сохранить" onclick="qw();" />
<div id="res"></div>

</body></html>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)