Как изменить HTML-атрибут значения для поля ввода?

Question

Что я хочу сделать, это изменить «значение =» текстового поля ввода, используя jQuery. Конечной целью является захват формы с использованием .html(), поэтому у меня есть весь код вместе со значениями, введенными в поля ввода.

В качестве примера я это:

<span id="example"> 
<input type="text" value="" id="rate" /> 
</span> 

Если пользователь вводит в поле ввода можно сохранить данные с помощью .val, но то, что я хочу сделать, это захватить HTML, так что я могу повторно отобразите поле ввода со значением.

Если пользователь вводит «bob» во вход. Затем я использую:

var test = $('#example').html(); 

Переменная 'тест' имеет следующее:

<input type="text" value="" id="rate" /> 

Что я хочу:

<input type="text" value="bob" id="rate" /> 

Как этого добиться?

Answer 1

Конечная цель состоит в том, чтобы захватить форму с помощью .html(), так что у меня есть весь код, наряду со значениями напечатанных в поля ввода.

Вы находитесь на проигрыше с этой стратегией. Значения форм представляют собой отдельный слой данных, который хранится отдельно от атрибутов HTML. Атрибут HTML value отражен в объекте defaultValue объекта, неvalue Недвижимость.

Установка значения или проверки/выбора элемента управления формы не изменяет атрибуты HTML DOM; следовательно, сериализация формы с использованием innerHTML или html() не даст вам значений формы - кроме IE, из-за ошибки.

(Есть и другие ошибки в IE относительно serialising форм с измененными названиями Просто не использовать сериализацию. Запоминание самих ценностей от value или val() является гораздо более надежным.)

Answer 2

Чтобы изменить значение входного элемента с коэффициентом id, вы можете использовать его.

$("#rate").val(newvalue); 

Чтобы установить значение для использования боб

$("#rate").val("bob"); 

Answer 3

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

$('#example')[0].innerHTML 

И Второй один является

$("#rate")[0].outerHTML 

Надеется, что поможет.

Answer 4

Я считаю, что этот вопрос дубликат: SO138893: jQuery html() in firefox (uses .innerHTML) ignores DOM changes. Ответ там должен решить вашу проблему. Я не думаю, что этот новый вопрос должен быть удален, хотя это может помочь кому-то найти свой путь к другому.

Answer 5

Как насчет того, чтобы не сохранять фактический HTML, а сохранять атрибуты?

var attr = { 
'value' : $('#rate').val(), 
'type' : $('#rate').attr('type') } 
//later on in the code or something: 
var inp = $('<input />').attr('id', 'rate').attr(attr);