Add array to conditional jQuery show/hide script

Question

I am using a jQuery script with PHP to conditionally show/hide form fields based on dropdown selection.
The script is:

//Hide the field initially
        $("#hide1").hide();

        //Show the text field only when the third option is chosen - this doesn't
        $('#project-type').change(function() {
                if ($("#project-type").val() == "Value 1") {
                        $("#hide1").show();
                }
                else {
                        $("#hide1").hide();
                }
        });

I want to be able to add an array of values to the if ($("#project-type").val() == "Value 1") so if there are five values, I want a certain field to show when values 1 and 3 are selected but not the others. I have tried a few methods but they all result in all the values showing the hidden field.
Any help is appreciated.

L105 · Accepted Answer · 2013-07-27 22:27:31Z

1

jQuery inArray should do the work;

var val = $("#project-type").val(); // Project type value.

var show = $.inArray(val, ['Value 1', 'Value 2', ...]) > -1 ? 'show' : 'hide'; // If the value is in the array, show value is 'show' otherwise it is 'hide'.

$("#hide1")[show](); // Show or hide $('#hide1').

edited Jul 27, 2013 at 22:27

answered Jul 27, 2013 at 22:21

L105

5,4193 gold badges20 silver badges23 bronze badges

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

Comments

Todd Berman · Accepted Answer · 2013-07-27 21:01:47Z

0

There are lots of options, an easy one would be to change your if to:

if ($("#project-type").val() == "Value 1" || $("#project-type").val() == "Value 3")

or:

if (["Value 1", "Value 3"].indexOf($("#project-type").val()) != -1)

answered Jul 27, 2013 at 21:01

Todd Berman

1,1978 silver badges13 bronze badges

Collectives™ on Stack Overflow

Add array to conditional jQuery show/hide script

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