Skip to content
Advertisement

How to select an input element by value using javascript?

I’ve seen it’s jquery equivalent:

$('input[value="something"]');

But how do you select it using pure javascript (no jQuery).

Thanks for all the responses so far but I’m sure if it is working correctly, I need to change the value of the input into something else. I though I could do this by

<enter snippet to select element here>.value = "someOtherValue";

But it appears to be not that easy. Any ideas.

Advertisement

Answer

with ie6-ie7-ie8

function getInputsByValue(value)
{
    var allInputs = document.getElementsByTagName("input");
    var results = [];
    for(var x=0;x<allInputs.length;x++)
        if(allInputs[x].value == value)
            results.push(allInputs[x]);
    return results;
}

with modern browsers ie9+ (? not sure for ie9 actually) :

document.querySelectorAll("input[value=something]");
User contributions licensed under: CC BY-SA
3 People found this is helpful
Advertisement