javascript - Hide div when listbox value changes -


ok have 4 div's , want show them when value of listbox same div id
sorry guys eazsy question new javascript
recurring events page calendar entry.

for example

<select name="repeat" id="repeat">     <option value="never">never</option>     <option value="daily">daily</option>     <option value="weekly">weekly</option>     <option value="monthly">monthly</option>     <option value="yearly">yearly</option>   </select>  <div id="daily" if selected in listbox "repeat" make div visible else hide> daily events </div>  <div id="weekly" if selected in listbox "repeat" make div visible else hide> weekly events </div>  <div id="monthly" if selected in listbox "repeat" make div visible else hide> monthly events </div>  <div id="yearly" if selected in listbox "repeat" make div visible else hide> yearly events </div> 

if want use plain javascript: 1. add onchange select

<select name="repeat" id="repeat" onchange="changerepeat(this.value)"> 

and function should go this:

function changerepeat(value){   if(value == "never"){     document.getelementbyid('daily').style.display = "none";     document.getelementbyid('weekly').style.display = "none";     document.getelementbyid('monthly').style.display = "none";     document.getelementbyid('yearly').style.display = "none";     //document.getelementbyid('yearly').style.display = "block"; show   }   //else if value == daily, weekly... } 

Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -