CODEWITHSUNDEEP
javascriptjquery
shumonira
shumonira

Reputation: 23

select value to show another hidden dropdown box

I got this code for a website I am working on, but it does not work:

$(document).on('change', 'select[name="Discount"]', function() {
    var $select = $(this);
    var $partnerBlock = $select.closest('.col-md-2').siblings('.partner');
    if ($select.val() === 'Yes') {
        $partnerBlock.addClass('show');
    }  else {
       $partnerBlock.removeClass('show');
    }
});

What I want is hide the Partner dropdown by default, hiding it from everyone, and show it only when user set Discount to "Yes".

Upvotes: 0

Views: 41

Answers (1)

james_bond
james_bond

Reputation: 6908

Hide it by default and then use an event listener on the change event for the dropdown.

https://jsfiddle.net/mco1sxcb/

You should use ids for your elements, easier to manipulate them.

Upvotes: 1

Related Questions