получить выделенный текст из выпадающего списка, используя AJAX

Question

Может ли кто-нибудь помочь мне преобразовать код PHP в Ajax?

HTML Код:

  <form method="POST" >
    <label for="Manufacturer"> Manufacturer : </label>
      <select id="cmbMake" name="Make"     onchange="document.getElementById('selected_text').value=this.options[this.selectedIndex].text">
         <option value="0">Select Manufacturer</option>
         <option value="1">--Any--</option>
         <option value="2">Toyota</option>
         <option value="3">Nissan</option>
    </select>
    <input type="hidden" name="selected_text" id="selected_text" value="" />
    <input type="submit" name="search" value="Search"/>
    </form>

PHP Код:

 <?php

if(isset($_POST['search']))
{
    $makerValue = $_POST['Make']; // make value
    $maker = $_POST['selected_text']; // get the selected text
    echo $maker;
}
 ?>

Источник:

1. PHP код для получения выделенного текста поля со списком

Answer 1

Вы должны активировать кнопку отправки и предотвратить перезагрузку страницы, см. Код ниже

 $('#btn-search').click(function(e) {
      e.preventDefault()
       $.ajax({
         url:"url to your search php function",
         method:"POST",
         data:{
           selected_text: $('#selected_text').val(),
           Make: $('#cmbMake').val()
         },
         success:function(data)
         {
             //success code here
         }
    });
 })

поставить идентификатор для кнопки отправки

в ваш php, просто удалите условие if и создайте функцию, подобную этой

public function search() {
    $makerValue = $_POST['Make']; // make value
    $maker = $_POST['selected_text']; // get the selected text
    echo $maker;
}