JQuery добавить и удалить текстовое поле - PullRequest
Новая
       19

JQuery добавить и удалить текстовое поле

3 голосов
/ 26 января 2011

У меня есть этот набор HTML-кодов, которые я хочу добавить еще один input = "text", чтобы увеличить количество текстовых полей, когда я нажимаю '+', но я не уверен в функции parent (). Parent ().Кто-нибудь может помочь?

здесь - это мои jquery и html-извлечения, извините, они выглядят немного грязно из-за отсутствия css.

Ответы [ 3 ]

2 голосов
/ 26 января 2011

Я думаю, .append() поможет вам добавить элементы и .remove() удалить их (см. пример # 1 и пример # 2 ).

Итак, element.append(content); добавляет content в конец element HTML (до его закрывающего тега).element.remove(); удаляет element с того места, где оно было, поэтому вы должны использовать это для кнопки «минус» с селектором $("your_tr > td > label :last") (выбирает последний из ярлыков с входными данными из your_tr).

2 голосов
/ 26 января 2011

Вот пара поправок ...

HTML: 

<td colspan="2" id="tasklist">
    <label>
        <input type="text" value="Create a task for this iteration" size="75%" height="25px"/>
    </label>
</td>

JavaScript: 

$("#tasklist").append('<input type="text" value="Create a task for this iteration" />');

Дополнительные примечания

  • У вас нет текста на ярлыке. Идея метки заключается в том, что она может помочь пользователям, описав, что нужно вводить в текстовое поле. Вы можете скрыть это с помощью CSS, если вам не нужна видимая метка - но у вас все равно должен быть один

    Введите имя задачи

Не хотите показать это? Скройте это с помощью CSS: 

label {
    display: none;
}

  • Таблицы не должны использоваться для разметки

  • Попробуйте переместить атрибуты HTML в CSS

Надеюсь, это поможет.

1 голос
/ 26 января 2011

вы пытались присвоить родителю и идентификатор и, ссылаясь на него, вы также можете использовать клон для создания прямой копии входного тега, не забудьте изменить идентификатор клона, прежде чем добавить его к родителю кактакже будет клонирован.

...