Código Javascript
:
Ver original<script src="http://code.jquery.com/jquery.min.js"></script>
$(function callAjax(){
$("#numberclasses").change(function(){
numberclasses = $(this).val();
switch(numberclasses)
{
case 1:
$("#classes").attr("disabled" false);
break;
case 2:
$("#classes").attr("disabled" false);
$("#classes2").attr("disabled" false);
break;
case 3:
$("#classes").attr("disabled" false);
$("#classes2").attr("disabled" false);
$("#classes3").attr("disabled" false);
break;
// Y así sucesivamente dependiendo de cuantos casos tengas
}
});
});
<form action="insertar-modelo.php" method="post" enctype="application/x-www-form-urlencoded">
<table>
<tr><td class=Forms>ICAO:</td><td><input type="text" value="" name="ICAO" size="30"/></td></tr>
<tr><td class=Forms>Name:</td><td><input type="text" value="Airbus A320" name="nombre" size="30"/></td></tr>
<tr><td class=Forms>Price:</td><td><input maxlength="9" value="1000000" type="text" name="precio" size="30"/> €<br/></tr>
<tr><td class=Forms>Number Classes:</td><td><select name="numberclasses" id="numberclasses" onchange="callAjax()">
<option>Select Number of Classes</option>
<?php
echo'<option value="1">One</option>';
echo'<option value="2">Two</option>';
echo'<option value="3">Three</option>';
?>
</select></td></tr>
<tr><td class=Forms>First Class:</td><td><input disabled="disabled" type="text" name="classes" size="30"/></td></tr>
<tr><td class=Forms>Bussines Class:</td><td><input disabled="disabled" type="text" name="classes2" size="30"/></td></tr>
<tr><td class=Forms>Economy Class:</td><td><input disabled="disabled" type="text" name="classes3" size="30"/></td></tr>
Voy a intentar hacerlo con switches. El código que os he dejado, en qué falla?