<table> <tr><tr> <tr id = select>custom dropdown select tag <tr> <tr id = div1><tr> <tr id = div2><tr> <tr id = div3><tr> <tr id = div4><tr> <tr><tr> <tr><tr> </table> I was looking for an efficient way to use js. hidden, if getElementById(select) =1, only the tr tag with id 1 should be displayed, if getElementById(select) =3, id =div1,div2,div3 should be displayed and not 4. I'm currently writing an if else statement that goes something like this: if(document.getelementbyid("select")value == 2){ document.getelementbyid("div1").hidden = false ; document.getelementbyid("div2").hidden = false ; document.getelementbyid("div1").hidden = true; document.getelementbyid("div2").hidden = true; } else { document.getelementbyid("div1").hidden = false ; document.getelementbyid("div2").hidden = false ; document.getelementbyid("div1").hidden = false ; document.getelementbyid("div2").hidden = false ; } ... Similarly, I'm repeating for all values, but I'd like to know the most efficient way to do this, because I have many tr tags in the table with different ids that I want to change only with a specific 12 ids after select<tr> tag that has an id .
if(document.getelementbyid("select")value == 2){ document.getelementbyid("div1").hidden = false ; document.getelementbyid("div2").hidden = false ; document.getelementbyid("div1").hidden = true; document.getelementbyid("div2").hidden = true; } else { document.getelementbyid("div1").hidden = false ; document.getelementbyid("div2").hidden = false ; document.getelementbyid("div1").hidden = false ; document.getelementbyid("div2").hidden = false ; } ...
jQuery
attribute-starts-with
// all div's id starts like div_ (eg: div_1, div_2, div_3, etc) $('[id^="div_"]').hide();
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)