Pasar valores de forulario sin Submit!

[Nemutagk]

Iniciado por NnikoO

sigo los pasos que me indicaste..

Código PHP:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    $('#orden').change(function() {
         $.ajax({
              type:'get',
              url:'tintos_ordencepa.php',
              data:'ordencepa=' + $('#orden  option:selected').html(),
              cache:false,
              success: function(datos) {
                   $("#vistaproductos").html(datos);
              }
         });
    });
</script>
 
<form action="" method="get" name="ordenarporcepa">
  <label for="select" class="label_filtros">Ordenar por:</label>
  Cepa:
    <select name="ordencepa" id="orden">
    <?php
        $con = mysql_query("SELECT DISTINCT cepa FROM productos WHERE categoria LIKE '%$vinostintos%' ORDER BY cepa ASC");
        while ($row = mysql_fetch_array($con)) {
        $cep = $row['cepa'];
    ?> 
    <option value="<?php $cep; ?>"><?php echo $cep; ?></option>
    <?php
        }
    ?>
</select>
</form>
 

¬¬ Amigo... necesitas leer la documentación de jquery....

Código PHP:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    $('#orden').change(function() {
         $.ajax({
              type:'get',
              url:'tintos_ordencepa.php',
              data:'ordencepa=' + $('#orden  option:selected').html(),
              cache:false,
              success: function(datos) {
                   $("#vistaproductos").html(datos);
              }
         });
    });
    });
</script>
 
<form action="" method="get" name="ordenarporcepa">
  <label for="select" class="label_filtros">Ordenar por:</label>
  Cepa:
    <select name="ordencepa" id="orden">
    <?php
        $con = mysql_query("SELECT DISTINCT cepa FROM productos WHERE categoria LIKE '%$vinostintos%' ORDER BY cepa ASC");
        while ($row = mysql_fetch_array($con)) {
        $cep = $row['cepa'];
    ?> 
    <option value="<?php $cep; ?>"><?php echo $cep; ?></option>
    <?php
        }
    ?>
</select>
</form>
 

Actualización: hay un error en el código...

Código Javascript:

//original
data:'ordencepa=' + $('#orden  option:selected').html(),
 
//correcto
data:'ordencepa=' + $('#orden  option:selected').val(),