Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.06.2010, 11:26
Аспирант
Отправить личное сообщение для Орёл Посмотреть профиль Найти все сообщения от Орёл
 
Регистрация: 05.05.2010
Сообщений: 50

Добавление алемента в DOM
Есть форма создание опросов,по умолчанию есть две формы для вариантов ответа,а я делаю кнопку добавить ещё вариант и после последнего input должен появиться ещё один input и т.д ,всё впринципи работает,но добавляеться input без переноса строки пробовал newelem.innerHTML = '<br />'; , но не выходит,как можно сделать перенос строки,кто знает?


<form action="?action=check&u=addop" method="POST" id="input">
Текст опроса<br />
<input type="text" name="opros" /><br />
Сколько дней идёт опрос<br />
<input type="text" name="time_isset"/><br />
Варианты ответа<br />
<input type="text" name="v[]" /><br />
<input type="text" name="v[]" /><br />


<a href="#" onclick="addop()" class="buttom">Добавить вариант</a>
|
<input type="submit" value="Создать опрос" /><br />
</form>


Функция

function addop()
{
	form1 = document.getElementById('input'); //ID формы
	endlist_count = form1.getElementsByTagName('input').length; // считаем елементы в форме
	endlist =  form1.getElementsByTagName('input')[endlist_count-2]; // узнаём предпоследний input с именем v[]
	
	newelem = document.createElement('input'); // Создаём елемент
	newelem.type = 'text'; // ставим тип
	newelem.name = 'v[]'; // назначаем имя
	
	form1.insertBefore(newelem, endlist) // Добовляем елемент после последнего input с именем v[]
}
Ответить с цитированием
  #2 (permalink)  
Старый 19.06.2010, 20:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title></title>
<script language="JavaScript" type="text/javascript">
function addop()
{   form1 = document.getElementById('input');
    var add = document.getElementById('add');
    newelem = document.createElement('input');
    newelem.type = 'text';
    newelem.name = 'v[]';
    form1.insertBefore(newelem, add);
    newelem = document.createElement('br');
    form1.insertBefore(newelem, add);
}
</script>
</head>
<body>
  <form action="?action=check&u=addop" method="post" id="input" name="input">
    Текст опроса<br />
    <input type="text" name="opros" /><br />
    Сколько дней идёт опрос<br />
    <input type="text" name="time_isset" /><br />
    Варианты ответа<br />
    <input type="text" name="v[]" /><br />
    <input type="text" name="v[]" /><br />
    <a href="#" id="add" onclick="addop()" class="buttom" name="add">Добавить вариант</a> |
    <input type="submit" value="Создать опрос" /><br />
  </form>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 19.06.2010, 20:44
Аспирант
Отправить личное сообщение для Орёл Посмотреть профиль Найти все сообщения от Орёл
 
Регистрация: 05.05.2010
Сообщений: 50

Большое спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Table DOM добавление строки mycoding Общие вопросы Javascript 6 19.06.2010 14:33
Где найти справочник методов DOM? master_alf Events/DOM/Window 6 16.04.2010 12:25
Обращение к layer в DOM Asd Элементы интерфейса 2 01.07.2009 23:16
Сохранение дерева DOM в файл Александр1985 Общие вопросы Javascript 7 24.01.2009 23:15
Добавление свойств посредством DOM Bajjy Общие вопросы Javascript 8 02.10.2008 14:51