How can I set the Name attribute of an input field using Jquery?

Question

Quick question... I was wondering how I can get this to happen.

Okay I have an input field like such:

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

I would like to click on a div with an ID of #resetPrompt and fill the empty name attr from the input with "other_amount"

I'm out of ideas its been a long day

Thanks guys,

Matt

Alex Weber · Accepted Answer · 2010-02-25 22:28:35Z

77

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

answered Feb 25, 2010 at 22:28

Alex Weber

2,1862 gold badges19 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

esteewhy Over a year ago

As pointed earlier, this won't work in MSIE7 and older. Workaround is to rewrite inner line using .prop(..): $('#input1').attr('name', 'other_amount') || $('#input1').prop('name', 'other_amount');

eugene · Accepted Answer · 2012-04-06 17:11:55Z

5

This is for all the googlers out there:

It should be noted that Alex's proposal, though functional in most "real" browsers, does not work in ie 8 and below (jquery 1.6.2). When setting the "name" attribute of an input field, Microsoft, to address a bug, added a fictitious "submitName" attribute when dynamic input fields are attached to the DOM.

To workaround the problem in ie, either force your users to upgrade, use Firefox, Chrome, etc. or you'll need to add the input field manually:

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

answered Apr 6, 2012 at 17:11

eugene

1,0041 gold badge12 silver badges15 bronze badges

1 Comment

esteewhy Over a year ago

Confirm: cannot set @name attribute with $.name(.., ..) in MSIE7 -- input simply retains old value and nothing happens. Is it addressed in more recent jQuery ver?

tvanfosson · Accepted Answer · 2010-02-25 22:30:32Z

1

Assuming that "other_amount" is the name, not id of the corresponding input.

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

answered Feb 25, 2010 at 22:30

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

Comments

Raul Agrait · Accepted Answer · 2010-02-26 06:29:44Z

1

If "other_amount" is the ID of the other input, use attr and val as follows:

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

edited Feb 26, 2010 at 6:29

answered Feb 25, 2010 at 22:29

Raul Agrait

6,0386 gold badges51 silver badges72 bronze badges

Collectives™ on Stack Overflow

How can I set the Name attribute of an input field using Jquery?

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related