Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Добавить элемент в форму
 
 автор: Alex14   (25.02.2008 в 18:48)   письмо автору
 
 

Как добавить элемент в форму с помощью javascript?

   
 
 автор: CNTv2.0   (25.02.2008 в 19:05)   письмо автору
 
   для: Alex14   (25.02.2008 в 18:48)
 

1. методом createElement создаёте нужный элемент *
2. методом appendChild добавляете в форму этот созданный элемент

* атрибут NAME для MSIE необходимо прописывать прямо в createElement; для прочих браузеров атрибут NAME назначается после создания (как и все прочие атрибуты).

Пример:
<form name="myForm">
...
</form>
<input type="button" value="Добавить элемент формы" onclick="myFunc ()">

<script>
function myFunc ()
{
//определяем браузер
var brAsMSIE = (navigator.userAgent.indexOf ('MSIE') > 0) ? 1 : 0;

//создаем элемент формы
var elem = (brAsMSIE) ? (document.createElement ('<input name="myName">')) : (document.createElement ('input'));

//назначаем нужные атрибуты (в т.ч. атрибуты стиля)
with (elem)
   {
   type = 'text';
   size = 125;
   name = 'myName'; //MSIE проигнорирует (но он уже и так имеет этот атрибут), а остальные поймут
   value = "I'm new element";
   }
with (elem.style)
   {
   border = '2px solid red';
   padding = '1px';
   color = 'blue';
   }

//"приживляем" созданный элемент к форме
document.forms.myForm.appendChild (elem);

//на всякий случай удостоверимся, что все атрибуты прописаны
alert (document.forms.myForm.innerHTML);
}
</script>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования