Ver Mensaje Individual
  #1 (permalink)  
Antiguo 06/04/2009, 16:22
losporros
 
Fecha de Ingreso: noviembre-2005
Ubicación: Torreon Coahuila
Mensajes: 100
Antigüedad: 19 años
Puntos: 1
Jquery - Borrar valor de campos al cambiar de opcion en combo

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
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  5.   <script type="text/javascript">
  6. $(document).ready(function() {
  7.  $("input[id^='filtro_']").hide();
  8.      $('#campo_filtrar').change(function()
  9.      {$("#filtro_" + $(this).val()).show();});
  10.   });
  11. </script>
  12. </head>
  13. <body>
  14.                 Busqueda por campo:
  15.                 <select id='campo_filtrar'/>
  16.                 <option value='1'>Campo 1</option>
  17.                 <option value='2'>Campo 2</option>
  18.                 <option value='3'>Campo 3</option>
  19.                 <option value='4'>Campo 4</option>
  20.                 <option value='5'>Campo 5</option>
  21.                 <option value='6'>Campo 6</option>
  22.                 <option value='7'>Campo 7</option>                
  23.                 </select>
  24.                        <br><br>
  25.                 1<input type='text' id="filtro_1" size='15'><br>
  26.                 2<input type='text' id="filtro_2" size='15'><br>
  27.                 3<input type='text' id="filtro_3" size='15'><br>  
  28.                 4<input type='text' id="filtro_4" size='15'><br>
  29.                 5<input type='text' id="filtro_5" size='15'><br>    
  30.                 6<input type='text' id="filtro_6" size='15'><br>
  31.                 7<input type='text' id="filtro_7" size='15'><br>  
  32.  
  33. </body>
  34. </html>


Saludos... y bonito dia

Última edición por losporros; 06/04/2009 a las 17:07