multiple strings to a single var in javascript/Jquery

Question

I've created an input and a button. When you press the button, if you put one of 3 states in it makes certain panels appear and disappear. This part works fine. The only problem is that it only accepts the input if you do a lowercase nj.

How can I change my code to accept both lowercase, upper case, and the word New Jersey spelled out in full?

var stateSearch, searchButton, nj, pa
nj = "nj";
stateSearch = $("#stateSearch").val();

if (stateSearch === nj) {
    $(".nj").fadeIn(2000);
    $(".pa").fadeOut(500);
    $(".ny").fadeOut(500);
    return;

Travis J · Accepted Answer · 2015-11-25 20:10:36Z

2

Make a dictionary to accept these different versions

var acceptState = {
    "NJ" : true,
    "NEW JERSEY" : true
};

And then use toUpperCase when you check this dictionary

if (acceptState[stateSearch.toUpperCase()]) {

answered Nov 25, 2015 at 20:10

Travis J

82.5k43 gold badges213 silver badges280 bronze badges

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

Comments

Rory McCrossan · Accepted Answer · 2015-11-25 20:08:56Z

2

You can force the user input to lower case to match the string you're testing against by using toLowerCase(). Try this:

if (stateSearch.toLowerCase() === nj) {
    // your code...
}

answered Nov 25, 2015 at 20:08

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

Collectives™ on Stack Overflow

multiple strings to a single var in javascript/Jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related