Parece que no puedo obtener el valor de la opción seleccionada de select.php en el archivo value_selected.php. Console.log console.log(data) no mostró nada. ¿Porqué es eso?
seleccionar.php
<!DOCTYPE html> <html> <head></head> <body> <script src="js/jquery-3.2.0.min.js"></script> <form method="POST" action=""> <label for "sel_opt">Select value: </label> <select name="sel_opt" id="sel_opt"> <option value="1">1</option> <option value="2">2</option> </select> <input name="submit" type="submit" id="submit" value="Submit"> </form> <div id="result"></div> <script> $(document).ready(function(){ $("#submit").click(function(){ $.ajax({ url:"http://localhost/value_selected.php", type:"POST", success:function(data) { console.log(data); $('#result').html(data); } }); }); }); </script> </body> </html>valor_seleccionado.php
<?php $output = ""; if(isset($_POST["submit"])) { if(isset($_POST["sel_opt"])) { $val = $_POST["sel_opt"]; if ($val == 1) { $output = "<p>Value 1 selected</p>"; } else { $output = "<p>Value 2 selected</p>"; } echo $output; } ?>Agregue data: a su objeto de configuración ajax con valores de formulario.
<script> $(document).ready(function(){ $("#submit").click(function(){ $.ajax({ url:"http://localhost/value_selected.php", type:"POST", data: $('form').serialize(), success:function(data) { console.log(data); $('#result').html(data); } }); }); }); </script>