За последние 24 часа нас посетили 19804 программиста и 1656 роботов. Сейчас ищут 1404 программиста ...

Динамическое создание текстовых полей

Тема в разделе "JavaScript и AJAX", создана пользователем amen, 7 фев 2010.

  1. amen

    amen Активный пользователь

    С нами с:
    18 сен 2009
    Сообщения:
    298
    Симпатии:
    0
    Адрес:
    Узбекистан
    Подскажите как динамически создавать инпуты.

    Скажем есть текстовое поле, после его заполнения жмём на кнопку и снизу появляется ещё одно, естественно с другим именем.
     
  2. Volt(220)

    Volt(220) Активный пользователь

    С нами с:
    11 июн 2009
    Сообщения:
    1.640
    Симпатии:
    1
  3. obsrv

    obsrv Активный пользователь

    С нами с:
    2 окт 2008
    Сообщения:
    238
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    например:
    HTML:
    1.  
    2.   <head>
    3.     <title></title>
    4.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    5.     <script type="text/javascript">
    6.       var curr = 0;
    7.       function addNext() {
    8.         mdiv = document.getElementById('fds');
    9.         ediv = document.createElement("div");
    10.         curr++;
    11.         inp = document.createElement("input");
    12.         inp.setAttribute('type', 'text');
    13.         inp.setAttribute('name', 'prj' + curr);
    14.         inp.setAttribute('id', 'prj' + curr);
    15.         inp.setAttribute('size', '40');
    16.         ediv.appendChild(inp);
    17.         mdiv.appendChild(ediv);
    18.       }
    19.     </script>
    20.   </head>
    21.   <body>
    22.     <div id="fds">
    23.       <div>
    24.         <input type="text" name="prj0" id="prj0" value="" size="40"> <input type="button" value="OK" onClick="addNext();">
    25.       </div>
    26.     </div>
    27.   </body>
    28. </html>
    29.