javascript getelement where value contains specific string

Question

I was wanting to count the occurrences of input fields that has a class name of text where that text input contains a specific value.

document.getElementById('c_files').getElementsByClassName('text').length;

So far this counts all textboxes with the class name of text but how can i make it value specific, say if i have 50 textboxes but i only want to count the ones where the value of that textbox contains abc somewhere within the string.

Thanks.

Edit: Thank you everyone for your time and answers, i have voted you all up, but i prefer John Bupit's solution out of them all so thats the one i will accept. Thanks again.

You just need to do a test. `indexOf()` is probably the function you'll be using... — Laurent S., Feb 25 '15 at 12:02

score 2 · Accepted Answer · answered Feb 25 '15 at 12:04

You can iterate over the elements and see which ones have the desired value:

var elems = document.getElementById('c_files').getElementsByClassName('text');

var count = 0;
for(var i = 0; i < elems.length; i++) {
    if(elems[i].value.match(/abc/)) count++;
}

score 2 · Answer 2 · answered Feb 25 '15 at 12:08

You can select all textboxes first and after that filter those matching your criteria. For example, by using Array.prototype.filter method:

var allText  = document.getElementById('c_files').getElementsByClassName('text'),

    filtered = [].filter.call(allText, function(textbox) {
        return textbox.value.indexOf('abc') > -1;
    });

Above code will produce and array of text elements where value contains substring "abc".

score 1 · Answer 3 · edited May 23 '17 at 11:56

1

Hi I think you need to review this SO post-

https://stackoverflow.com/a/9558906/3748701
https://stackoverflow.com/a/10095064/3748701

This is something which would help in getting your solution.

edited May 23 '17 at 11:56

Community

1
1

answered Feb 25 '15 at 12:04

Manik Arora

4,702
1
25
48

score 1 · Answer 4 · answered Feb 25 '15 at 12:07

You'll need to loop over all of the text boxes with the specified class and calculate it from there.

Something like the following logic should work:

var counter = 0;
var inputElements = document.getElementById('c_files').getElementsByClassName('text').length;
for (var i = 0; i < inputElements.length; i++) {
    if (inputElements.value == "someText") {
        counter++;
    }
}

javascript getelement where value contains specific string

4 Answers4