Jquery - Borrar valor de campos al cambiar de opcion en combo

losporros · #1 (**permalink**) 06/04/2009, 16:22

Buenas tardes, tengo este script, estoy utilizando jquery, estoy implementando una busqueda en la cual al seleccionar un option del campo select aparece su respectivo campo INPUT, quisiera que cuando seleccione el option del combo se borre el contenido(.value) de los campos input por si alguien ya ha escrito algo.

Código javascript:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
$(document).ready(function() {
 $("input[id^='filtro_']").hide();
     $('#campo_filtrar').change(function() 
     {$("#filtro_" + $(this).val()).show();});
  });
</script>
</head>
<body>
                Busqueda por campo: 
                <select id='campo_filtrar'/>
                <option value='1'>Campo 1</option>
                <option value='2'>Campo 2</option>
                <option value='3'>Campo 3</option>
                <option value='4'>Campo 4</option>
                <option value='5'>Campo 5</option>
                <option value='6'>Campo 6</option>
                <option value='7'>Campo 7</option>                
                </select>
                       <br><br>
                1<input type='text' id="filtro_1" size='15'><br>
                2<input type='text' id="filtro_2" size='15'><br>
                3<input type='text' id="filtro_3" size='15'><br>  
                4<input type='text' id="filtro_4" size='15'><br>
                5<input type='text' id="filtro_5" size='15'><br>    
                6<input type='text' id="filtro_6" size='15'><br>
                7<input type='text' id="filtro_7" size='15'><br>   
 
</body>
</html>

Saludos... y bonito dia

losporros · #2 (**permalink**) 06/04/2009, 16:43

upssssssssssssssssssssssssssssssss