Cómo enviar el formulario en Select Change

Solución:

A su formulario le falta un valor de acción, lo que impide enviar el formulario al final. Pero en el medio tiempo debes corregir este código:

$(document).ready(function() {
  $('#cars').on('change', function() {
     document.forms[myFormName].submit();
  });
});

También puede enviar un formulario activando el evento de clic en el botón de envío:

$(document).ready(function() {
  $('#cars').on('change', function() {
    var $form = $(this).closest('form');
    $form.find('input[type=submit]').click();
  });
});

En mi caso, esto funciona perfectamente bien, y funciona con o sin el botón de enviar.

<form action="" method="post">
    <select name="id" id="cars">
        <option value="">Choose</option>
        <option value="1">Toyota</option>
        <option value="2">Nissan</option>
        <option value="3">Dodge</option>
    </select> 
</form>

 <script type="text/javascript">

  jQuery(function() {
    jQuery('#car').change(function() {
        this.form.submit();
    });
});
</script>

Una versión aún más rápida del código se vería así.

<form action="" method="post">
    <select name="id" id="cars" onchange="javascript:this.form.submit()">
        <option value="">Choose</option>
        <option value="1">Toyota</option>
        <option value="2">Nissan</option>
        <option value="3">Dodge</option>
    </select> 
    <input type="submit" name="submit" value="Submit">
</form>

Ahora lo que estamos haciendo es agregar
onchange="javascript:this.form.submit()" a cualquier campo en el que desee que se active la acción de envío. Por supuesto, esto solo funciona en elementos que apoyan la onchange propiedad html

---

---

Utiliza Nuestro Buscador