Как сделать передачу варианта Autocomplete jquery через post?

Question

[jazzman7]

доброго времени суток. вот к примеру у меня есть такой код

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
        $(document).ready(function() {
         var cCities = ["Chicago", "California", "Chennai", "Cambridge", "Colombo", "Cairo"];
          
            $('#autoSuggest').autocomplete({
                source: cCities,
                focus: showLabel,
                select: showLabel,
                change: showLabel
            })
            
            function showLabel(event, ui) {
                $('#cityLabel').text(ui.item.label)
            }


        });
    </script>

   

  <form action="" method="POST"  name="vari">     
        <div class="ui-widget">
            <label for="autoSuggest">City Name beginning with C: </label><input id="autoSuggest"/><br>
            Label of City : <strong id="cityLabel"></strong>            
        </div>
    </form>

в форму input я ввожу "C" появляются естественно города из списка, но как сделать так что при нажатии на город, название не вписывалось в форму, а сразу передавалось через форму <form action="" method="POST" name="vari">

то есть нажал на калифорнию, страница обновилась и в переменную пришла калифорная

<? if (isset($_POST['vari'])){
  
$_SESSION['foo'] = $_POST['vari'];   
 }

 ?>

Comments

[Юпитер Макс]

Вам надо юзать ajax и событие change

$('#select').change(function(){
// тут получаете значение селекта val и далее отправляете данные на сервер аяксом
});

[jazzman7]

Юпитер Макс, у меня что-то не выходит, не могу даже отследить выбор варианта(