Insert the attribute value of input element in form

Question

I have a form with no id or class. I need to insert attribute values for input elements.

<form>
    <tr><td><input type="text" name="x"/></td></tr>
    <tr><td><input type="text" name="y"/></td></tr>
    <tr><td><input type="text" name="z"/></td></tr>
</form>

Here's jquery I tried:

var x = $('form').find('input').first().val("some_value");
var y = $('form').find('input').second().val("some_value");
var z = $('form').find('input').third().val("some_value");

// Is there another possible way?

var x  = $("form").find('input[name="x"]').val("some_value");

Is there a problem you're having, or do you just want 'other ways' of achieving this? — David Thomas
– David Thomas, Commented Jul 14, 2015 at 6:43

Adil · Accepted Answer · 2015-07-14 07:13:50Z

2

You can use Attribute Equals Selector [name=”value”] to uniquely identify the inputs

$('input[name=x]').val("some_value1");
$('input[name=y]').val("some_value2");
$('input[name=z]').val("some_value3");

Although I wont recommend the method you used to assign values to input, I would suggest you to use find() once and use the returned object collection to assign values. This will reduce the processing time and increase performance.

var all = $('form').find('input');
all.eq(0).val("some_value1");
all.eq(1).val("some_value2");
all.eq(2).val("some_value3");

edited Jul 14, 2015 at 7:13

answered Jul 14, 2015 at 6:41

Adil

148k25 gold badges217 silver badges207 bronze badges

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

Comments

Anoop Joshi P · Accepted Answer · 2015-07-14 06:42:04Z

1

You can use

$("form").find('input[type="text"]]').each(function() {
    $(this).attr("your attribute", "your value");
});

answered Jul 14, 2015 at 6:42

Anoop Joshi P

25.6k9 gold badges35 silver badges54 bronze badges

Comments

pradip_PRP · Accepted Answer · 2015-07-14 06:48:03Z

1

try with this

var x  = $('form input[name="x"]').val("some_value_x");

answered Jul 14, 2015 at 6:48

pradip_PRP

1024 bronze badges

Comments

HGrover · Accepted Answer · 2015-07-14 06:53:48Z

1

// So you can search across the form for all input elements and then iterate to apply the attribute.

 var allInputElements = $("form input[type='text']");
   $.each(allInputElements,function(index, item){
       $(item).attr("disabled","true");      
      // You can also use item.prop("any property or attribute","value");
   });

answered Jul 14, 2015 at 6:53

HGrover

2251 silver badge10 bronze badges

1 Comment

Barmar Over a year ago

You don't need to use .each() -- .attr() can be used on a collection and it will update them all.

Barmar · Accepted Answer · 2015-07-14 07:08:09Z

1

If you're giving them all the same value, as it appears in your question, you can simply select them all:

$("form input").val("some_value");

answered Jul 14, 2015 at 7:08

Barmar

789k57 gold badges554 silver badges669 bronze badges

Collectives™ on Stack Overflow

Insert the attribute value of input element in form

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related