Need optimize way to replace content of multiple input field with name attribute

Question

I want to set input type value blank which i just passon name attribute. for example

1) Multiline:

$('input[name="library"]').val('');
$('input[name="books"]').val('');
$('input[name="author"]').val('');

2) Single Line:

$('input[name="library"],input[name="books"],input[name="author"]').val('');

above both line is working for me. But I want more optimize way. Is there any way to write it like as follow

$('input[name="library"][name="books"][name="author"]').val('');

and it will blank all 3 input fields blank?

One more thing, I am getting these all input fields from other server, and I am not able to change input fields class on their server. So i just want to replace some of input fields on my side that i explain above.

show your markup.. so that we could think in different perspectives. — Rajaprabhu Aravindasamy
– Rajaprabhu Aravindasamy, Commented Aug 21, 2014 at 11:12
Something like $(':input').filter('[name="library"][name="books"][name="author"]').val('');? — chridam
– chridam, Commented Aug 21, 2014 at 11:19
From the jQuery API documentation, :input is an extension that is not part of the CSS specification, queries using :input cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method but the best performance is achieved by first selecting the elements using a pure CSS selector, then using .filter(":input"). — chridam
– chridam, Commented Aug 21, 2014 at 11:23

Alex · Accepted Answer · 2014-08-21 11:25:45Z

1

You could use an array and function:

function inputEmpty( elem ) {
    $('input[name="'+elem+'"]').val('');
}

var names = [ "library", "books", "author" ];
names.forEach( inputEmpty );

Check the fiddle - http://jsfiddle.net/nLm6u75z/

answered Aug 21, 2014 at 11:25

Alex

9,0612 gold badges29 silver badges44 bronze badges

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

Comments

Yunus Aslam · Accepted Answer · 2014-08-21 11:22:41Z

0

Try this

$("input[type=text]").each(function() {
    $(this).val('My new value');
});

answered Aug 21, 2014 at 11:22

Yunus Aslam

2,4764 gold badges28 silver badges43 bronze badges

Comments

sifriday · Accepted Answer · 2014-08-21 11:24:45Z

0

You can optimize the syntax a bit by removing 'input'; the [attr=val] syntax works by itself:

$('[name="library"],[name="books"],[name="author"]').val('');

Or are you looking for performance optimizations?

answered Aug 21, 2014 at 11:24

sifriday

4,5011 gold badge16 silver badges25 bronze badges

Comments

Balachandran · Accepted Answer · 2014-08-21 11:31:52Z

0

You can group all your inputs with the same className like : "inputGroup".

The answer of your problem will be :

$('.inputGroup').val('');

edited Aug 21, 2014 at 11:31

Balachandran

9,6271 gold badge19 silver badges26 bronze badges

answered Aug 21, 2014 at 11:19

Alexandre Chopin

3593 silver badges4 bronze badges

Comments

Oleksandr.Bezhan · Accepted Answer · 2014-08-21 11:33:34Z

0

If you are looking for or-like syntax in the jquery selectors then the answer is no, there is no or operator in the selectors.

Your last approach is the most concise way to select what you want without loosing any preciseness.

$('input[name="library"][name="books"][name="author"]').val('');

answered Aug 21, 2014 at 11:33

Oleksandr.Bezhan

2,1883 gold badges22 silver badges32 bronze badges

Comments

Joey Emery · Accepted Answer · 2014-08-21 11:15:30Z

-1

Surely the easiest way to do this is to add a class to all three inputs then change their value based on that class as a selector?

<input type="text" name="library" class="input_change" />


$('.input_change').val('')

answered Aug 21, 2014 at 11:15

Joey Emery

6842 gold badges6 silver badges15 bronze badges

2 Comments

Keyur Mistry Over a year ago

thanks, this one i know, but i am getting these all input fields from other server, and I am not able to change input fields class on their server. So i just want to replace some of input fields on my side that i explain

Joey Emery Over a year ago

Ah okay. Edit your question to reflect this so other people don't get confused. :)

Collectives™ on Stack Overflow

Need optimize way to replace content of multiple input field with name attribute

6 Answers 6

Comments

Comments

Comments

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related