Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.04.2012, 21:13
Интересующийся
Отправить личное сообщение для djsadd Посмотреть профиль Найти все сообщения от djsadd
 
Регистрация: 05.04.2011
Сообщений: 23

Добавление textbox и textarea
Здравствуйте, подскажите пожалуйста ка по нажатию на кнопку в этом скрипте появлялось не только текстовое поле но и еще элемент textarea. Спасибо.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>

</head>
<body>
<form method="GET" action="#">
 <div id="parentId">
 <div>
 <input name="name_1" type="text" /> 

 <a onclick="return deleteField(this)" href="#">[X]</a>
 </div>
 </div>
 <input class="s" type="submit" value="GO!" />
</form>
<a onclick="return addField()" href="#">Добавить поле</a>
<script language="javascript">
var countOfFields = 1; // Текущее число полей
var curFieldNameId = 1; // Уникальное значение для атрибута name
var maxFieldLimit = 11; // Максимальное число возможных полей
function deleteField(a) {
 // Получаем доступ к ДИВу, содержащему поле
 var contDiv = a.parentNode;
 // Удаляем этот ДИВ из DOM-дерева
 contDiv.parentNode.removeChild(contDiv);
 // Уменьшаем значение текущего числа полей
 countOfFields--;
 // Возвращаем false, чтобы не было перехода по сслыке
 return false;
}
function addField() {
 // Проверяем, не достигло ли число полей максимума
 if (countOfFields >= maxFieldLimit) {
 alert("Число полей достигло своего максимума = " + maxFieldLimit);
 return false;
 }
 // Увеличиваем текущее значение числа полей
 countOfFields++;
 // Увеличиваем ID
 curFieldNameId++;
 // Создаем элемент ДИВ
 var div = document.createElement("div");
 // Добавляем HTML-контент с пом. свойства innerHTML
 div.innerHTML = "<input name=\"name_" + curFieldNameId + "\" type=\"text\" /> <a onclick=\"return deleteField(this)\" href=\"#\">[X]</a>";
 // Добавляем новый узел в конец списка полей
 document.getElementById("parentId").appendChild(div);
 // Возвращаем false, чтобы не было перехода по сслыке
 return false;
}
</script>

</body>
</html>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите, как реализовать добавление текста в положение курсора textarea ArmagedDance Events/DOM/Window 2 13.05.2011 22:32
Resize textarea, в копилку. Robox jQuery 0 17.01.2011 18:05
Добавление текста в textarea и выполнение скрипта doremidon Общие вопросы Javascript 7 22.04.2010 22:34
Добавление строки в TEXTAREA Sonkkorh Events/DOM/Window 2 03.08.2009 19:07
Добавление значения переменной в textarea IamSmorodin Общие вопросы Javascript 13 09.04.2009 10:59