Limpiar Selects Dependientes

[saulvr91]

Claro este es el java

$(function(){
$("#marca,#modelo").attr('disabled',true);
function ejecutar(obj1,obj2,task){
$('<img/>', {
'class': 'loading',
src:'loading.gif',
'style':'display:inline'
}).insertAfter(obj1);

$.ajax({
type:"POST",
url:"action.php",
dataType:"html",
data:"task="+task+"&id="+$(obj1).val(),
success:function(msg){
$(obj1).next('img').remove();
$(obj2).html(msg).attr("disabled",false);
},
error:function(jqXHR,textStatus,errorThrown){
$(obg1).next('img').remove();
alert("Error al ejecutar => "+textStatus+" - "+errorThrown);
}
});
}
$("#ano").change(function(e){
$("#modelo,#marca").attr('disabled',true);
if($(this).val().trim()!=""){
ejecutar($(this),$("#marca"),"getmarca");
}
});
$("#marca").change(function(e){
$("#modelo").attr('disabled',true);
if($(this).val().trim()!=""){
ejecutar($(this),$("#modelo"),"getmodelo");
}
});
$("#modelo").change(function(e) {
$("#motor").attr('disabled', true);
if ($(this).val().trim()!="") {
ejecutar($(this), $("#motor"), "getmotor");
}
});

$("#motor").change(function(e) {
$("#producto").attr('disabled', true);
if ($(this).val().trim()!="") {
ejecutar($(this), $("#producto"), "getproducto");
}
});


});

y te paso el action.php

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<?php

include("configuracion.inc.php");
$link=conectar($bd_host,$bd_usuario,$bd_pwd,$bd_no mbre);
function getMarca(){
global $link;
$query="select * from tabla_marcas where id_ano=".$_POST['id'];
mysql_query('SET NAMES \'utf8\'');
$result=mysql_query($query,$link);
$resp="<option value=''>-Seleccionar marca-</option>";
while($value=mysql_fetch_object($result)){
$resp.="<option value='".$value->id."'>".$value->name."</option>";
}
echo $resp;
}

function getModelo(){
global $link;
$query="select * from tabla_modelos where id_marca=".$_POST['id'];
mysql_query('SET NAMES \'utf8\'');
$result=mysql_query($query,$link);
$resp="<option value=''>-Seleccione modelo-</option>";
while($value=mysql_fetch_object($result)){
$resp.="<option value='".$value->id."'>".$value->name."</option>";
}
echo $resp;
}

function getMotor(){
global $link;
$query="select * from tabla_motor where id_modelo=".$_POST['id'];
mysql_query('SET NAMES \'utf8\'');
$result=mysql_query($query,$link);
$resp="<option value=''>-Seleccione motor-</option>";
while($value=mysql_fetch_object($result)){
$resp.="<option value='".$value->id."'>".$value->name."</option>";
}
echo $resp;
}
function getProducto(){
global $link;
$query="select * from tabla_producto where id_ano=".$_POST['id'];
mysql_query('SET NAMES \'utf8\'');
$result=mysql_query($query,$link);
$resp="<value=''>";
while($value=mysql_fetch_object($result)){
$resp.="<input type='checkbox' id='myCheckbox' value='".$value->id."'>".$value->name."</input>";
$resp.="<option value='".$value->id."'>".$value->id_producto."</option>";
$resp.="<option value='".$value->id."'>".$value->descripcion."</option>";
$resp.="<option value='".$value->id."'>".$value->cil."</option>";
$resp.="<option value='".$value->id."'>".$value->sistema."</option>";
}

echo $resp.'<br><br>';
echo '<img src="imagen.php?id=1"/>&nbsp;&nbsp;';
echo '<img src="imagen.php?id=2"/>&nbsp;&nbsp;';


}



if($_POST){
switch($_POST["task"]){
case "getmarca":getMarca();
break;
case "getmodelo":getModelo();
break;
case "getmotor":getMotor();
break;
case "getproducto":getProducto();
break;
}
}
?>



<script >
$(document).ready(function(){
$("#myCheckbox").on("click", function(){
if($(this).is(":checked")) {
alert("Configuración de producto");
}
});
});

</script>

<script type="text/javascript">
function RemoveSelection () {
if (document.selection) {
document.selection.clear ();
}
}
</script>