How to merge the value of input boxes Javascript

Question

I have 5 input box, and each input box Have a different value .. how i can merge the value of the input boxes and compare it, then alert or do something ..

Example:

<form>
            <input id="input1" type="text">
            <input id ="input2" type = "text"/>
            <input id ="input3" type = "text"/>
            <input id = "input4" type = "text"/>
            <input id = "input5" type = "text"/>
</form>

    var input1 = document.getElementById('input1').value;
    var input2 = document.getElementById('input2').value;
    var input3 = document.getElementById('input3').value;
    var input4 = document.getElementById('input4').value;
    var input5 = document.getElementById('input5').value;
    var wordsConcat = input1.concat(input2,input3,input4,input5);

//after merging Compare the words to SAMPLE;

loop them and read the values...What have you tried. What do you mean by merge? — epascarello
– epascarello, Commented Feb 10, 2014 at 13:30
compare in the sense if present in wordsconcat or the entire concatinated word is sample??? — Green Wizard
– Green Wizard, Commented Feb 10, 2014 at 13:32

George · Accepted Answer · 2019-12-23 13:38:56Z

9

You've tagged jQuery so I'm assuming it's available to you.

You can map each input to a value, and then join() them together using an empty string:

var vals = $('input').map(function(){
    return this.value;
}).get().join('');

JSFiddle

ES6:

const vals = $('input').map((_, elem) => elem.value).get().join('');

edited Dec 23, 2019 at 13:38

answered Feb 10, 2014 at 13:36

George

36.9k9 gold badges70 silver badges109 bronze badges

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

Comments

Pranav C Balan · Accepted Answer · 2014-02-10 13:55:05Z

1

You can do it using each() method in jQuery

var a='';
$('input[type=text]').each(function(){
   a+=this.value;
});
if (a === "SAMPLE") {
     //do something
}

Fiddle Demo

edited Feb 10, 2014 at 13:55

answered Feb 10, 2014 at 13:33

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

Comments

Green Wizard · Accepted Answer · 2014-02-10 13:34:49Z

0

var sample = 'your word';
if(wordsConcat === sample){
   alert('a');
}

answered Feb 10, 2014 at 13:34

Green Wizard

3,6874 gold badges21 silver badges33 bronze badges

Comments

SrikanthManian · Accepted Answer · 2014-02-10 13:34:57Z

0

You can try this.

var inputs = document.getElementsByTagName("input"),
    inputValue = "";
    for (var index=0; index < inputs.length; index ++ ) {
        inputValue += inputs[index].value;
    }
    if (inputValue === "SAMPLE") {
         //do something
    }

answered Feb 10, 2014 at 13:34

SrikanthManian

1487 bronze badges

Comments

Johan · Accepted Answer · 2014-02-10 13:36:41Z

0

var result = $('input[type="text"]').map(function(i, e){
    return e.value;
}).get();

//do compare stuff on result

answered Feb 10, 2014 at 13:36

Johan

35.4k62 gold badges191 silver badges309 bronze badges

Collectives™ on Stack Overflow

How to merge the value of input boxes Javascript

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related