js добавить input

499
27 декабря 2016, 02:10

Здравствуйте, нужна помощь. Нужен скрипт, который по нажатию кнопки будет добавлять input и устанавливать ему name = "input_form" + N где N это количество уже имеющихся input.

С созданием проблем нет, нужна помощь с установкой имени. Спасибо.

Answer 1

Вариант 1:

$(function() { 
  $('button').click(function() { 
    $('.inputs').append('<input name="input_form'+$('.inputs input').length+'">') 
  }); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="inputs"> 
</div> 
<button>Создать</button>

Вариант 2:

$(function() { 
  var n = $('.inputs input').length 
  $('button').click(function() { 
    $('.inputs').append('<input name="input_form'+n+'">'); 
    n++ 
  }); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="inputs"></div> 
<button>Создать</button>

READ ALSO
webdriver плюс phantomjs (nodejs)

webdriver плюс phantomjs (nodejs)

Привет! Не могу с ходу найтиЕсли я хочу хром подключить, я скачаю пакет chromedriver и сделаю:

361
Изменения текста кнопок &ldquo;choose file&rdquo; в Contact Form 7 (wordpress)

Изменения текста кнопок “choose file” в Contact Form 7 (wordpress)

Собственно вопрос в названиюМне нужно заменить текст кнопок в Contact Form 7 на вордпресе (их значение дает сам браузер) на свои

362
Работа с pug(jade)-шаблонами в проекте с помощью webpack

Работа с pug(jade)-шаблонами в проекте с помощью webpack

Как можно преобразовать pug-файлы в html-шаблоны без их явного импортирования в точку входа?

757