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
Post a Comment