set certain form inputs to certain values using jquery

Question

How do i cycle through all form inputs with a certain name and set those to a specified value?

I tried this jsfiddle and i can't get it to work. http://jsfiddle.net/qvcA6/

$(document).ready(function() {
    $("#link-1").click(function() {

$('[name=price]','#myform').val('0.00');
      });  
});

EDIT: i didn't think it would matter, but the array key for the form field name isn't accounted for. So all of your examples are working but they break when i put keys in the field names. Anybody know how to go about accounting for the keys? updated jsfiddle -> http://jsfiddle.net/qvcA6/8/

Side question for my own edification: isn't this going to cause problems when submitting the form? Typically names in a form are unique, and are used to create the request parameters. — Greg Pettit
– Greg Pettit, Commented Oct 20, 2011 at 1:01

Brian Glaz · Accepted Answer · 2011-10-20 00:53:27Z

1

Updated the jfiddle for you http://jsfiddle.net/qvcA6/1/ There were two issues.

1) The attribute value needs to be surrounded by quotes.

2) The name of your inputs were 'price[]' and not 'price' so the jquery selector didn't match anything

answered Oct 20, 2011 at 0:53

Brian Glaz

15.7k4 gold badges40 silver badges55 bronze badges

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

2 Comments

David Over a year ago

that worked for that instance. I thought it would work when the price inputs have a key. But it doesn't. Would it be super complicated to account for all price inputs regardless of their key? jsfiddle.net/qvcA6/8

Brian Glaz Over a year ago

no that wouldn't be too hard. You can use this: $('[name^="price"]','#myform') the ^= is the 'starts with' selector so it will get all elements having a name that starts with the word price. That should work for you.

aziz punjani · Accepted Answer · 2011-10-20 00:57:33Z

1

Here's a fiddle

$(document).ready(function() {
    $("#link-1").click(function(e) {
        $('#myform').find('input[name="price[]"]').val('0.00');
        e.preventDefault(); // use prevent default instead of inline js on the link. 
    }); 
});

answered Oct 20, 2011 at 0:57

aziz punjani

25.8k9 gold badges49 silver badges56 bronze badges

1 Comment

David Over a year ago

thanks for the e.preventDefault(); trick. Didn't know that one! upvoted!

John Hartsock · Accepted Answer · 2011-10-20 00:57:51Z

0

The name of your inputs is price[] not price, also it would be more efficient expecially in a long form to specify the tag name when using the attribute equals selector.

$('#myform input[name="price[]"]').val('0.00');

Here is a link your modified fiddle http://jsfiddle.net/qvcA6/7/

edited Oct 20, 2011 at 0:57

answered Oct 20, 2011 at 0:52

John Hartsock

87.1k23 gold badges135 silver badges146 bronze badges

Comments

GregL · Accepted Answer · 2011-10-20 01:40:35Z

0

See my jsFiddle:

$(function() {
    $("#link-1").click(function() {
        $("input[name^=price\\[]", "#myform").val('0.00');
        return false;
    });
});

answered Oct 20, 2011 at 1:40

GregL

38.2k8 gold badges65 silver badges68 bronze badges

Collectives™ on Stack Overflow

set certain form inputs to certain values using jquery

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related