Jak przesłać formularz na Wybierz zmianę

Mam następujący formularz. Chciałbym, aby było ono przesyłane automatycznie przez jQuery, gdy użytkownik dokona wyboru, bez konieczności naciskania przycisku przesyłania. Jak mam to zrobic?Jak przesłać formularz na Wybierz zmianę

<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> 
    <input type="submit" name="submit" value="Submit"> 
</form>

adeneo, próbowałem Twojej sugestii, ale nadal nie działa. Oto pełny kod, coś nie tak?

<!doctype html> 
<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
     <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#cars').on('change', function() { 
       this.form.submit(); 
      }); 
     }); 
     </script> 
    </head> 
    <body> 
     <form action="" method="post"> 
      <select name="id" id="cars"> 
       <option value="">Select...</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> 
    </body> 
</html>

Źródło

2015-01-24 Rick Helston

W formularzu brakuje wartości akcji, co uniemożliwia wysłanie formularza na końcu. Ale w połowie czasu należy poprawić ten kod:

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

Można również złożyć formularz wyzwalanie złożyć przycisk kliknij zdarzenie:

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

Źródło

2015-01-24 04:18:59 Sigismundus

I zmieniono go na action = "page.php", który jest nazwą strony, i nadal nie przesyła formularza. –

Wymieniłem dwa działające rozwiązania, daj mi znać, jeśli to pomogło. – Sigismundus

jeszcze można zrobić, to jedno:

<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> 
<input id='submit' type="submit" name="submit" value="Submit">

$(document).ready(function() { 
    $('#cars').on('change', function() { 
    $('#submit').click(); 

    }); 
});

Źródło

2015-01-24 07:20:31 praveenraj

W moim CA se, działa to doskonale i działa z przyciskiem przesyłania lub bez niego.

<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>

Źródło

2016-02-15 20:38:47 Oskar

To nie powinno działać ... – Lee

Działa dla mnie w CoffeeScript, ale używam '$ ('# car'). Change ->'. –

Wiem, że to trochę stary (i już odpowiedział), ale żadna z odpowiedzi był tak elastyczny, jak chciałem, więc poniżej jest rozwiązaniem skończyło się z:

$(document).ready(function() { 
    $('#cars').change(function() { 
    var parentForm = $(this).closest("form"); 
    if (parentForm && parentForm.length > 0) 
     parentForm.submit(); 
    }); 
});

Źródło

2017-09-07 19:12:31

Jak przesłać formularz na Wybierz zmianę

Odpowiedz

Powiązane problemy