Как по клику добавлять input и увеличивать id через jquery?

Question

[jazzman7]

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

есть значит поле input

<input type="datetime-local" min="<?=date('Y-m-d\TH:i', time());?>"  name="date1"/>

по клику на ссылку (див, что угодно), надо добавить после него такой же input но изменить в имени date1 на date2, если на странице есть date2, то на date3 соответственно, и так до 20. Собственно следующий вопрос как скрыть ссылку на добавление если есть уже 20 input ?

Answer 1

[Сергей c0re]

$(function(){
  $("button").click(function(){
    var lastInput = $('input[type="datetime-local"]:last');
    var type = lastInput.attr("type");
    var min = lastInput.attr("min") == undefined ? "" : lastInput.attr("min");
    var name = lastInput.attr("name");
    var num = parseInt(name.replace("date",""));
    if (num < 20) {
      $("#container").append('<input type="'+type+'" min="'+min+'" name="date'+(num+1)+'"/>');
    }
    if (num >= 19) {
    	$("button").hide();
    }
  })
})

Comments

[jazzman7]

да, то что надо. спасибо большое)

только что за min min="" name="date4"> ?

[Сергей c0re]

jazzman7,

только что за min min=""

у вас в примере стоит же атррибут

min="<?=date('Y-m-d\TH:i', time());?>"

поэтому он тоже копируется, если есть.

name="date4">

про это не понял... откуда?