Advertisement
Guest User

Untitled

a guest
Mar 2nd, 2015
200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2. <head>
  3. <link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
  4. </head>
  5. <body>
  6. <form method="post">
  7. <input type="hidden" name="estado" id="estado" />
  8. Estado: <input type="text" name="estado_autocomplete" id="estado_autocomplete" /> <br />
  9. Município: <input type="text" name="municipio" id="municipio" /> <br />
  10. <input type="submit" />
  11. </form>
  12. <script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
  13. <script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
  14. <script>
  15. $('#estado_autocomplete').autocomplete({
  16. source: function (request, response) {
  17. $.ajax({
  18. url: '/teste/ajax.php?q='+$('#estado_autocomplete').val(),
  19. dataType: 'json'
  20. }).done(function(data) {
  21. var result = $.map( data, function( item ) {
  22. console.log(item);
  23. return {
  24. label: item.estado,
  25. value: item.id
  26. }
  27. })
  28. response(result);
  29. })
  30. },
  31. focus: function(event, ui) {
  32. $("#estado_autocomplete").val(ui.item.label);
  33. return false;
  34. },
  35. change: function(event, ui) {
  36. $("#estado").val(ui.item.value);
  37. $("#estado_autocomplete").val(ui.item.label);
  38. return false;
  39. },
  40. select: function( event, ui ) {
  41. $("#estado").val(ui.item.value);
  42. $("#estado_autocomplete").val(ui.item.label);
  43. return false;
  44. },
  45. });
  46. </script>
  47. </body>
  48. </html>
  49. <?php
  50. echo '<pre>' , print_r($_POST, 1);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement