Как я могу установить атрибут имени поля ввода, используя Jquery?

Question

Быстрый вопрос ... Мне было интересно, как я могу это сделать.

Хорошо, у меня есть поле ввода, например:

<input type="text" id="input1" size="10" name="" value="" class="checked other_amount" onfocus="Toggle('radio1', 'input1');" />

Я хотел бы щелкнуть по элементу div с идентификатором #resetPrompt и заполнить пустое имя attr из ввода "other_amount"

У меня нет идей, это был долгий день

Спасибо, ребята,

Мэтт

Answer 1

$('#resetPrompt').click(function(){
    $('#input1').attr('name', 'other_amount');
});

Answer 2

Это для всех googlers там:

Следует отметить, что предложение Алекса, хотя и функционирует в большинстве "реальных" браузеров, не работает, например, в 8 и ниже (jquery 1.6.2). При установке атрибута «name» в поле ввода Microsoft для устранения ошибки добавила фиктивный атрибут «submitName», когда к DOM присоединены динамические поля ввода.

Чтобы обойти проблему, т. Е. Либо заставить пользователей обновляться, использовать Firefox, Chrome и т. Д., Либо вам необходимо добавить поле ввода вручную:

$("#resetPrompt").click(function(){
   $("#input1").remove();
   $("#input_container").append('<input id="input1" name="' + other_amount + "' type="text" class="checked other_amount" onFocus="Toggle(\'radio1\', \'input1\');" />');
});

Answer 3

Предполагая, что "other_amount" - это имя, а не идентификатор соответствующего ввода.

$('#resetPrompt').click( function() {
   $('#input1').attr('name', $('[name=other_amount]').val());
});

Answer 4

Если «other_amount» является идентификатором другого входа, используйте attr и val следующим образом:

$("#resetPrompt").click(function(){
    var otherValue = $("#other_amount").val();
    $("#input1").attr("name", "someName");
}