[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Кнопка для добавления поля
qawsed1
Всем привет!

Есть поле:

user posted image

Надо чтобы при нажатии плюсика появлялось ещё такое поле

user posted image

А дальше третье

user posted image

И так до бесконечности, либо пока не наступит лимит где-нибудь в скрипте задаваемый.

Как это сделать??? blink.gif

Игорь_Vasinsky
на JS создавайте элементы - считайте их количество.

код? какой код? не знаю никакого кода.

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
qawsed1
Я тоже не знаю кода sad.gif
Знал бы - не спрашивал blink.gif
Игорь_Vasinsky
а чёб про JS не почитать? хотя бы тут http://javascript.ru/

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
qawsed1
Я читаю. Но так оно не быстро всё даётся.
Игорь_Vasinsky
никто учится не хочет... до жили

<script type="text/javascript">
function addFile(){

var form = document.forms["form"];

if(form.length == 6) //На 5 полей (6 кнопка +))
return;

var inp_file = document.createElement('input');
inp_file.type = "file";
inp_file.name = "file" + form.length;
var br = document.createElement('br');

form.appendChild(br);
form.appendChild(inp_file);
}
</script>

<
form id="form" name="form">
<
input type="file" name="file1"/><input type="button" value="+" onclick="addFile()"/>
</
form>


_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
qawsed1
Игорь_Vasinsky спасибо мил человек! smile.gif Я ж чесно учусь. Только на примерах учиться быстрее получается.
Игорь_Vasinsky
<script type="text/javascript">
function addFile(countInp){

var form = document.forms["form"];

//if(form.length == 6) //На 5 полей (6 кнопка +))
// return;


for(var i=0; i<countInp; i++){
var inp_file = document.createElement('input');
inp_file.type = "file";
inp_file.name = "file" + form.length;
var br = document.createElement('br');

form.appendChild(br);
form.appendChild(inp_file);
}
}

</script>

<
form id="form" name="form">
<
input type="file" name="file1"/>
<
input type="button" value="+1" onclick="addFile(1)"/>
<
input type="button" value="+5" onclick="addFile(5)"/>
<
input type="button" value="+10" onclick="addFile(10)"/>
</
form>


_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.