добавить / удалить несколько полей ввода динамически - PullRequest
2 голосов
/ 17 июня 2011

У меня есть форма, где несколько полей могут иметь несколько входов, т.е.

  • Ваше имя
  • Песни, которые вам нравятся: [добавить больше!]
  • Фильмы, которые вам нравятся: [добавить больше!]
  • показывает вам, как: [добавить больше!]

Я все еще новичок и искал учебники. Кажется, что многие из них имеют тенденцию фокусироваться только на одном поле и имеют тенденцию иметь входную разметку в javascript, что создает впечатление, что мне придется копировать и вставлять скрипт для каждого отдельного поля ввода. то есть этот: http://muiomuio.com/web-design/add-remove-items-with-jquery

$(function() {
    var scntDiv = $('#p_scents');
    var i = $('#p_scents p').size() + 1;

    $('#addScnt').live('click', function() {
            $('<p><label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
            i++;
            return false;
    });

    $('#remScnt').live('click', function() {
            if( i > 2 ) {
                    $(this).parents('p').remove();
                    i--;
            }
            return false;
    });
 });

Есть ли способ упростить это? Большое спасибо за вашу помощь!

1 Ответ

2 голосов
/ 17 июня 2011

Посмотрите на это jsFiddle . Я написал скрипт для добавления файлов, но он был бы похож на их удаление.

Hve fun

K

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...