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

HTML+CSS+JavaScript

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

 

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

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

тема: Генерация поля типа input type='text' с помощью JavaScript
 
 автор: SilentChild   (07.04.2008 в 11:10)   письмо автору
 
 

Здраствуйте, люди добрые и не добрые!
Подскажите, пожалуйста!
Вопрос вот собственно в чем:

у меня есть следующий код:
<select name='choice'>
  <option value='1'>1</option>
  <option value='2'>2</option>
  <option value='3'>3</option>  
</select>


Мне нужен JavaScript - код, который, при выборе значения 1 генерирует текстовое поле <input type='text'>

   
 
 автор: ONYX   (07.04.2008 в 14:52)   письмо автору
 
   для: SilentChild   (07.04.2008 в 11:10)
 

<select id="sel" onchange="Add()" name='choice'>
  <option value='1'>1</option>
  <option value='2'>2</option>
  <option value='3'>3</option>  
</select> 
<div id="list"></div>

<script>
function Add(){
var val = document.getElementById('sel').value
    if(val=='1'){
        var parent = document.getElementById('list'); 
        var child =  document.createElement('INPUT'); 
        input = parent.appendChild(child);
        input.type = 'text'; 
        input.name = 'name'+(parent.childNodes.length-1); 
    }
}
</script>

   
 
 автор: SilentChild   (07.04.2008 в 15:07)   письмо автору
 
   для: ONYX   (07.04.2008 в 14:52)
 

Спасибо!

   
 
 автор: CNTv2.0   (07.04.2008 в 17:32)   письмо автору
 
   для: SilentChild   (07.04.2008 в 15:07)
 

Скрипт в Эксплорере работать не будет.
См. кроссбраузерный вариант здесь - http://www.softtime.ru/forum/read.php?id_forum=4&id_theme=48640 - сообщение 23.01.2008 в 13:11

   
 
 автор: ONYX   (08.04.2008 в 06:23)   письмо автору
 
   для: CNTv2.0   (07.04.2008 в 17:32)
 

Вот нуб никогда не знал что если скрипт тестить на ИЕ он работать не будет, пойду убьюсь об стену
Тестил:
ИЕ 7.0
Опера 9,20
Мозила 2,0

Работает как нефиг делать

   
 
 автор: CNTv2.0   (08.04.2008 в 16:10)   письмо автору
 
   для: ONYX   (08.04.2008 в 06:23)
 

Ньюб - он и в африке ньюб, даже если его и "нубом" назовут.

Добавьте к вашему коду кнопочку снизу <input type="button" onclick="alert (document.body.innerHTML)" value="Click"> и, после добавления новых <input type="text"> кликните по этой кнопке.
Обратите внимание на то, что будет написано в атрибуте NAME новых инпутов в алерте.
(Всё написанное, разумеется, для IE)

Если кому-то нужны новые инпуты ПРОСТО ТАК, ДЛЯ КРАСОТЫ - без возможности сохранить и переслать значения, кои в них будут введены пользователем - то ваш скрипт, безусловно, рабочий.

А вот если надо значения сохранить и переслать, то ваш скрипт - в IE бесполезен.

И об стену можете не убиваться.

   
Rambler's Top100
вверх

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