将值从JQUERY传递到PHP，然后以FORM输出到INPUT

Question

i need to get a value from the a form then send it to php using jquery then output the result a dropdown select menu

get the value of using jquery

 <input id="search" name="search" type="text">

send it to php and perform a query

  <select  id="farmertype" name="farmertype" >

         <option value="" > - PLEASE SELECT FARM -</option>

         ////   output here as options                                      
  </select>

my php file farm.php

<?php
include_once("../init.php");
$q = ($_POST["search"]);

$db->query("SELECT * FROM farmers ");
  while ($line = $db->fetchNextObject()) {

      $idno = $line->idno;
      echo "<option value='$idno'>$idno</option>";

   }
 }

?>

the jquery part is so messy this is where i really need help

$("#search").click(function() {
    search = $(this).attr('#search');
    $.ajax({
        type: 'GET',
        url: 'farm.php',
        data: "#search=" + search,

    });
});

Answer 1

try this, it will help you.

JQuery:

$("#search").click(function() {
    search = $(this).val();
    $.ajax({
        type: 'POST',
        url: 'farm.php',
        data: {searchValue:search},
        success:function(result) {
            console.log(result);
        }
    });
});

PHP:

<?php
    include_once("../init.php");
    $q = ($_POST["searchValue"]);
    $db->query("SELECT * FROM farmers");
    $result = [];
    while ($line = $db->fetchNextObject()) {
        $idno = $line->idno;
        $result = "<option value='$idno'>$idno</option>";
    }
    print_r($result);
?>

what is the purpose of your variable $q?

Answer 2

Your jquery can be like :

$("#search").click(function() {
    search = $('#search').val();
    $.ajax({
        type: 'GET',
        url: 'farm.php',
        data: {search : search},
        success: function(html){
            alert(html);
        }

    });
});

Answer 3

$("#search").click(function() { /* I think you should use keyUp or use click on a button, nobody clicks an input box */
var search = $(this).val();
$.ajax({
    method: 'POST', // 
    url: 'farm.php',
    data: {'search' : search},
    success: function(data){
        alert(data);
    }

});

});