jQuery для переключения форм (с автозаполнением БД) - PullRequest
0 голосов
/ 26 февраля 2020

КОНТЕКСТ : У меня есть две формы: A и B. Всякий раз, когда я набираю что-то в A, переменные автозаполнения выводятся из БД (то же самое для B, с разными переменными). Все работает до сих пор.

ЦЕЛЬ : я хочу создать кнопку, способную инвертировать форму A и форму B (с соответствующими переменными автозаполнения БД).

ПРОБЛЕМА : Я могу инвертировать только значения (используя JS функция «Переключатель» ниже), но не автозаполнение БД.

HTML ФОРМЫ, КОТОРЫЕ БУДУТ ПРИГЛАШАТЬ <input type="text" class="form-control" id="search-box" name='fromwhere'> <div id="suggesstion-box"></div><br> <input type="text" id="toConcert" name='towhere'> <div id="toConcert-box"></div><br>

JS

$(document).ready(function(){
    $("#search-box").keyup(function(){
        $.ajax({
        type: "POST",
        url: "readCity.php",
        data:'keyword='+$(this).val(),
        beforeSend: function(){
            $("#search-box").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
        },
        success: function(data){
            $("#suggesstion-box").show();
            $("#suggesstion-box").html(data);
            $("#search-box").css("background","#FFF");
        }
        });
    });
});

function selectCountry(val) {
    $("#search-box").val(val);
    $("#suggesstion-box").hide();
}

////FORM B 
$(document).ready(function(){
    $("#toConcert").keyup(function(){
        $.ajax({
        type: "POST",
        url: "readConcert.php",
        data:'keyword='+$(this).val(),
        beforeSend: function(){
            $("#toConcert").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
        },
        success: function(data){
            $("#toConcert-box").show();
            $("#toConcert-box").html(data);
            $("#toConcert").css("background","#FFF");
        }
        });
    });
});

function selectConcert(val) {
    $("#toConcert").val(val);
    $("#toConcert-box").hide();
}

ФУНКЦИЯ ЗНАЧЕНИЯ ПЕРЕКЛЮЧЕНИЯ (рабочая)

function switch(){
     var CampoAndata = document.getElementById('search-box');
     var CampoRitorno = document.getElementById('toConcert');
     var a = CampoAndata.value
     var b = CampoRitorno.value
     CampoAndata.value = b;
     CampoRitorno.value = a;     
   }
</script>

ФОРМА ЗАПРОСА A

if(!empty($_POST["keyword"])) {
   $query = "SELECT DISTINCT fromwhere FROM trip WHERE fromwhere like ? ORDER BY fromwhere";
   $keyword = $_POST['keyword'] . '%';
   $stmt = mysqli_stmt_init($conn);
   if(!mysqli_stmt_prepare($stmt, $query)){
       echo "SQL FAILED";
   } else {
       mysqli_stmt_bind_param($stmt, "s", $keyword);
       mysqli_stmt_execute($stmt);
       $result = mysqli_stmt_get_result($stmt);
       while($row = mysqli_fetch_assoc($result)){ 
           $resultset[] = $row;
       }       

       if(!empty($result)) {
           foreach($result as $city) {    ?>
               <li onClick="selectCountry('<?php echo $city["fromwhere"]; ?>');" ><?php echo $city["fromwhere"] . '</li>'  . } }} ?> 
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...