Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Динамическое создание input type, Помогите с созданием скрипта. 
V
    Опции темы
xoslv
  Дата 28.8.2007, 12:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 195
Регистрация: 12.1.2007

Репутация: нет
Всего: нет



Доброго всем времени суток!
Столкнулся с необходимостью создания JavaScript'a, который при заполнении ряда значений, создаст ещё одн такойже ряд.
Объясняю:
есть код:
Код

<tr>
<td>
<select name="EAN1">
<option value="{code}">{code}</option>
....
....
</select>
</td>
<td>
<select name="DESCR1">
<option value="{descr}">{descr}</option>
....
....
</select>
</td>
<td>
<input type="text" name="count1" value="">
</td>
</tr>

Задача в следующем, когда пользователь заполняет поля: EAN1, DESCR1 и count1; ОфмфЫскшзе создал бы ещё один ряд <tr>***</tr>

Как создать такую структуру приблезительно представляю, а на деле ничего не получается.
Помогите пожалуйста!
Зарание спасибо!
--------------------
Не всё то маздай, что синее!
PM MAIL ICQ   Вверх
Се ля ви
Дата 28.8.2007, 13:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Java/SOAрхитектор
****


Профиль
Группа: Модератор
Сообщений: 2016
Регистрация: 5.6.2004
Где: place without tim e and space

Репутация: 5
Всего: 127



Цитата(xoslv @  28.8.2007,  12:27 Найти цитируемый пост)
Как создать такую структуру приблезительно представляю, а на деле ничего не получается.

Хорошая фраза! smile)))))))

Используешь DOM-методы, всё достаточно стандартно. Примерно так:

Код
function addTR (node, n) {

    var tr = document.createElement("tr"),

          td1 = document.createElement("td"),
          td2 = document.createElement("td"),
          td3 = document.createElement("td"),

          sel1 = document.createElement("select"),
          sel2 = document.createElement("select"),
          inp  = document.createElement("input"),

          opt1 = document.createElement("option"),
          .....
          optN = document.createElement("option");

    opt1.value = "blahblah";
    opt1.name = "blahblah"+n;

    sel1.name="EAN"+n;
    sel1.appendChild(opt1);
    ....
    sel1.appendChild(opt25);

    sel2.name="DESKR" + n;
    sel2.appendChild(opt26);
    ...
    sel2.appendChild(optN);

    inp.name="count"+n;
    inp.type = "text";

    td1.appendChild(sel1);
    td2.appendChild(sel2);
    td3.appendChild(inp);

    tr.appendChild(td1);
    tr.appendChild(td2);
    tr.appendChild(td3);

    node.appendChild(tr);

}


И вызываешь соответственно:
Код
addTR(document.getElementById("TableBodyId"), n++);

, где n - счётчик строк, а "TableBodyId" - аттрибут ID элемента body внутри тега "Table" (лучше его вставить и присвоить ему ID, а не лепить сразу "Table" - и по спеке и по MSHTML`у)

Это сообщение отредактировал(а) Се ля ви - 28.8.2007, 14:00


--------------------
  )
 (
[_])
проф. блог

Кролики думали, что занимаются любовью, а на самом деле их просто разводили...
PM MAIL WWW Skype GTalk   Вверх
xoslv
Дата 28.8.2007, 14:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 195
Регистрация: 12.1.2007

Репутация: нет
Всего: нет



Т.е. получается, что будет добавленна ещё одна строка, с уже выбранными значениями из списка в инпуте? Там не вудет проблем если всё это собирается конструктором в PHP ?
--------------------
Не всё то маздай, что синее!
PM MAIL ICQ   Вверх
Се ля ви
Дата 28.8.2007, 15:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Java/SOAрхитектор
****


Профиль
Группа: Модератор
Сообщений: 2016
Регистрация: 5.6.2004
Где: place without tim e and space

Репутация: 5
Всего: 127



Цитата(xoslv @  28.8.2007,  14:54 Найти цитируемый пост)
Т.е. получается, что будет добавленна ещё одна строка, с уже выбранными значениями из списка в инпуте? Там не вудет проблем если всё это собирается конструктором в PHP ? 

Ну если хочешь - сделай с выбранными, если не хочешь - поставь что-то вначале. Ты можешь всё контролировать из JavaScript`а. А PHP - не знаю, это уже вопрос, как этот конструктор устроен - могут и быть, но если его писали люди, у которых руки из плеч растут, то не должно быть никаких проблем. smile


--------------------
  )
 (
[_])
проф. блог

Кролики думали, что занимаются любовью, а на самом деле их просто разводили...
PM MAIL WWW Skype GTalk   Вверх
xoslv
Дата 28.8.2007, 15:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 195
Регистрация: 12.1.2007

Репутация: нет
Всего: нет



Ok! Spasibo boljshoe!
A konstruktor pisal ja i ruki u menja iz plech! smile Prosto v Jaba scripte ne ochenj sharju!

Spasibo, vsjo zarabotalo!

Это сообщение отредактировал(а) xoslv - 28.8.2007, 15:57
--------------------
Не всё то маздай, что синее!
PM MAIL ICQ   Вверх
Се ля ви
Дата 28.8.2007, 16:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Java/SOAрхитектор
****


Профиль
Группа: Модератор
Сообщений: 2016
Регистрация: 5.6.2004
Где: place without tim e and space

Репутация: 5
Всего: 127



Пожалуйста smile


--------------------
  )
 (
[_])
проф. блог

Кролики думали, что занимаются любовью, а на самом деле их просто разводили...
PM MAIL WWW Skype GTalk   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0452 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.