Show Hide DropDownList on CheckBox check (select) using jQuery

Question

HiI want to show dropdown inside div when click checkboxThere is a checkbox on the page Clicking this checkbox has a dropdown inside the div This will move with the divltdiv class34customselect34  id34content34  style34displaynone34gt    ltselect class34row34gt        ltoption value34034gtSelect carltoptiongt        ltoption value34134gtRedltoptiongt        ltoption value34234gtGreenltoptiongt        lt

dharmendr · Accepted Answer

Hi AliYilmazRefer below sampleltDOCTYPE htmlgtlthtmlgtltheadgt    ltmeta charset34utf834 gt    lttitlegtlttitlegtltheadgtltbodygt    ltlabel for34chkSelect34gt        ltinput type34checkbox34 id34chkSelect34 gt        Do you wish to select color    ltlabelgt    lthr gt    ltdiv class34customselect34 id34content34 style34displaynone34gt        ltselect class34row34gt            ltoption value34034gtSelect Colorltoptiongt            ltoption value34134gtRedltoptiongt            ltoption value34234gtGreenltoptiongt            ltoption value34334gtWhiteltoptiongt            ltoption value34434gtBlackltoptiongt        ltselectgt    ltdivgt    ltscript type34textjavascript34 src34httpsajaxgoogleapiscomajaxlibsjquery183jqueryminjs34gtltscriptgt

Show Hide DropDownList on CheckBox check (select) using jQuery

Company

Explore

Follow us

Contact Us