guys, please help me because i didn't find any solution for this problem.
I cannot make the 2 option fields work togheter, only 1 option field is working. Then other one is not showing the divs. If you try this code you will see the the option field from the right is working. Probably is something caused by the javascript. I've tried the body onload option but it's not working. Can you help me? Thank you!
Here is the code:
<html>
<head>
<title> New Document </title>
<body onload="dothat();">
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript">
function dothat() {
var div_id = $("#choice").val();
if (div_id == 0) {
$("#div1").hide();
$("#div2").hide();
$("#div3").hide();
};
if (div_id == 1) {
$("#div1").show();
$("#div2").hide();
$("#div3").hide();
};
if (div_id ==2) {
$("#div1").show();
$("#div2").show();
$("#div3").hide();
};
if (div_id == 3) {
$("#div1").show();
$("#div2").show();
$("#div3").show();
};
}
</script>
<style type="text/css">
#div1, #div2, #div3 {
display:none;}
</style>
<select id="choice" onchange="dothat();">
<option value="0">Make a selection</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</body>
<body onload="dothis();">
<script type="text/javascript">
function dothis() {
var div_id = $("#choice2").val();
if (div_id == 0) {
$("#div11").hide();
$("#div22").hide();
$("#div33").hide();
};
if (div_id == 1) {
$("#div11").show();
$("#div22").hide();
$("#div33").hide();
};
if (div_id ==2) {
$("#div11").show();
$("#div22").show();
$("#div33").hide();
};
if (div_id == 3) {
$("#div11").show();
$("#div22").show();
$("#div33").show();
};
}
</script>
<style type="text/css">
#div11, #div22, #div33 {
display:none;}
</style>
<select id="choice2" onchange="dothis();">
<option value="0">Make a selection</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div id='div11'>div11
<br><input type="checkbox" name="service" value="titrare" /> A fost reglata concentratia de aditiv de clatire
<br><input type="checkbox" name="service" value="titrare" /> Au fost verificate bratele de spalare/clatire</div>
<div id='div22'>div22
<br><input type="checkbox" name="service" value="titrare" /> Masina de spalat este plina de calcar
<br><input type="checkbox" name="service" value="titrare" /> Masina de spalat este foarte murdara</div>
<div id='div33'>div33
<br><input type="checkbox" name="service" value="titrare" /> Masina de spalat nu functioneaza corespunzator
<br><input type="checkbox" name="service" value="titrare" /> Masina de spalat nu functiona la momentul vizitei</div>
</body>
</head>
</html>
Before you post, read our: 
