Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   генерация <input> на лету (https://javascript.ru/forum/dom-window/16920-generaciya-input-na-letu.html)

mikrise 28.04.2011 17:00

генерация <input> на лету
 
Добрый день. Помогите пожалуйста. В JS не силен знаю только самые основы.
требуется такая штука

у нас есть поле

<inpur type="text" name="number_rs">

вводим туда какое либо число (целое) . Результат появляется N-ое(где N-вводимое нами число ) количество <intup> c с параметром name="textN" (где N-вводимое нами число )

melky 28.04.2011 17:21

вам в раздел "работа" , но от туториалов по JS 1.8 у меня уже голова болит, и поэтому напишу

<style>
input {display:block}
</style>

количество полей
<input type="text" name="number_rs">

<hr>
тут поля : 
<br>

<b>..</b>

<script>

var input = document.querySelector("input[name='number_rs']"), log = document.querySelector('b');

input.onkeyup = function(){

if( /\D/.test( input.value ) ) { alert('В поле должны быть ток цифры');return; }

var i = 0;

var g = document.createDocumentFragment();

var m;

while( i++ < parseInt( input.value ) ){ 

m = document.createElement('input');

m.name = 'text'+input.value;

g.appendChild( m );

}

log.innerHTML = '';
log.appendChild( g );



}

</script>

mikrise 28.04.2011 17:48

спасибо то что нужно, сам пишу на php с js ещё мало знаком. а где как не тут мне могут помочь с таким небольшим вопросиком. Ещё раз спасибо


Часовой пояс GMT +3, время: 22:47.