Каков самый простой способ динамического создания поля скрытой формы ввода с помощью jquery?JQuery - создать скрытый элемент формы на лету
ответ
$('<input>').attr('type','hidden').appendTo('form');
Чтобы ответить на ваш второй вопрос:
$('<input>').attr({
type: 'hidden',
id: 'foo',
name: 'bar'
}).appendTo('form');
$('#myformelement').append('<input type="hidden" name="myfieldname" value="myvalue" />');
ли кто-нибудь проверить этот ответ на старый IE? –
Лично я считаю, что это гораздо лучший подход, чем принятый ответ, поскольку он включает в себя меньше вызовов функции/функции DOM. – PaulSkinner
@PaulSkinner Для данного случая, да, вы правы, но это не всегда так. Взгляните здесь http://stackoverflow.com/a/2690367/1067465 –
если вы хотите добавить больше атрибутов просто нравится:
$('<input>').attr('type','hidden').attr('name','foo[]').attr('value','bar').appendTo('form');
Или
$('<input>').attr({
type: 'hidden',
id: 'foo',
name: 'foo[]',
value: 'bar'
}).appendTo('form');
, это дает консольную ошибку 'Unexpected identifier'. –
Рабочая JSFIDDLE
Если ваша форма как
<form action="" method="get" id="hidden-element-test">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
<br><br>
<button id="add-input">Add hidden input</button>
<button id="add-textarea">Add hidden textarea</button>
Вы можете добавить скрытый вход и текстовое поле, чтобы сформировать как этот
$(document).ready(function(){
$("#add-input").on('click', function(){
$('#hidden-element-test').prepend('<input type="hidden" name="ipaddress" value="192.168.1.201" />');
alert('Hideen Input Added.');
});
$("#add-textarea").on('click', function(){
$('#hidden-element-test').prepend('<textarea name="instructions" style="display:none;">this is a test textarea</textarea>');
alert('Hideen Textarea Added.');
});
});
Проверка рабочего jsfiddle здесь
function addHidden(theForm, key, value) {
// Create a hidden input element, and append it to the form:
var input = document.createElement('input');
input.type = 'hidden';
input.name = key;'name-as-seen-at-the-server';
input.value = value;
theForm.appendChild(input);
}
// Form reference:
var theForm = document.forms['detParameterForm'];
// Add data:
addHidden(theForm, 'key-one', 'value');
Что такое '' name-as-seen-at-the-server''? – SaAtomic
же, как Дэвид, но без ATTR()
$('<input>', {
type: 'hidden',
id: 'foo',
name: 'foo',
value: 'bar'
}).appendTo('form');
Есть ли название для этого способа заполнения тега? – DLF85
- 1. Jquery нажмите на скрытый элемент
- 2. Скрыть элемент или создать на лету?
- 3. скрытый элемент формы не связан?
- 4. JQuery: распечатайте скрытый элемент
- 5. Хотите создать XML-элемент на лету
- 6. jQuery/sessionStorage: эффект мерцания на скрытый элемент, скрытый программный
- 7. Создать представление Rails на лету
- 8. JQuery и создать html на лету
- 9. Как создать jquery jqgrid на лету?
- 10. HTML-элемент формы скрытый onload javascript
- 11. Создать/удалить элементы на лету
- 12. Создайте новый элемент «на лету»
- 13. JQuery добавить скрытый элемент для формирования программно
- 14. Как создать MaskedEditExtender на лету?
- 15. создать jlabel на лету
- 16. Создать флажок «на лету»
- 17. Как создать WKPickerItems на лету?
- 18. Удалить скрытый элемент формы из определенной/выбранной формы
- 19. Скрытый элемент мигает на: hover
- 20. Установить фокус на скрытый элемент на hover jQuery
- 21. фокус элемент, созданный на лету
- 22. Отображение ария-скрытый элемент с JQuery
- 23. создать класс css на лету в codebehind
- 24. Формирование формы на лету/Динамические формы/формы, созданные на моделях
- 25. Элемент списка, не скрытый функцией jQuery hide
- 26. JQuery переустановка значение формы ввода, когда скрытый
- 27. jQuery подсказка, показывающая скрытый элемент div?
- 28. Удаление проверки jQuery «на лету»
- 29. JQuery игнорируя элемент формы
- 30. Динамические формы Django - популяция полей на лету?
Можно ли добавлять атрибуты id и name на лету ??????? –
спасибо David –
Обратите внимание, что IE будет задыхаться, если вы попытаетесь изменить тип ввода после его создания. Используйте '$ (''). Foo (...)' как обходной путь. –