Получить значение из раскрывающегося списка <select>, чтобы отобразить изображение, соответствующее идентификатору выбранного значения параметра - PullRequest
Новая
       2

Получить значение из раскрывающегося списка <select>, чтобы отобразить изображение, соответствующее идентификатору выбранного значения параметра

0 голосов
/ 01 апреля 2019

Я хотел бы получить значение из раскрывающегося списка, который создается путем просмотра значений в моей базе данных (конечно, без перенаправления на страницу публикации с использованием php отправки, оно должно быть похоже на WebApp). Прочтите только, что я должен использовать Ajax и / или JQuery, но на самом деле я не понимаю, как это работает, поскольку я научился самостоятельно кодировать и анализировать множество скриптов. Я надеюсь, что кто-то может мне помочь Фарелл 

<html>
  <head>
    <meta charset="utf-8" />
    <title>projet</title>
    <link rel="stylesheet" href="Style.css"/>
    <link href='https://fonts.googleapis.com/css?family=Molengo' rel='stylesheet'>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
  </head>
  <body>
    <header>
      <div id="header">
      <img style="height:120px;"src="Logo.png"/><h3>Test</h3>
    </header>
    <div id="ZoneB"></div>
    <!--BLOCK CONNECT DB-->
    <?php
      try
        {$bdd = new PDO('mysql:host=localhost;dbname=braceletcustom;charset=utf8', 'root', '');}
      catch (Exception $e)
        {die('Erreur : ' . $e->getMessage());}
    ?>
    <!-- END BLOCK CONNECT DB-->
    <!--INITALIZE VARIABLES-->
    <form id="FormPierres">
    <?php
    $boucle = "0";
    $ID = "0";
    $IDB = "0";
    $NOM = "rien";
    //-- END INITALIZE VARIABLES-->
      //--READ CONTENT FROM "pierres" TABLE AND DISPLAY IT-->
      $reponse = $bdd->query ("SELECT * FROM `pierres`");
      while($DATA = $reponse->fetch())
      {
          if ($DATA['NOM'] != $NOM){
            ?>
            </select>
            <br>
            </div>
            <?php
            ?><div id="liste"><?php
            $ID = $DATA['ID'];
            $NOM = $DATA['NOM'];
            $NDiametre = $DATA['NBDIAMETRE'];
            $boucle = "0";?>
            <img src="pierres/<?php echo $DATA['ID'];?>.png"/><br>
            <?php echo $DATA['NOM'];?><br/><br/>
            <span class="custom-dropdown custom-dropdown--white">
            <select class="custom-dropdown__select custom-dropdown__select--white" onchange="showUser(this.value)" id="<?php echo $DATA['NOM'];?>"><?php
            ?><option selected value="0">Choisir Diamètre&nbsp;&nbsp;&nbsp;</option><?php
            goto A;
            }
            elseif ($DATA['ID'] == $ID AND $boucle <= $NDiametre-1 AND $DATA['NOM'] == $NOM){
                A:
                $boucle++;
                echo "TEST";
                ?><option value="<?php echo $DATA['ID'];?>"><?php echo $DATA['DIAMETRE'];?> mm</option><?php
                $ID++;
          }

      }
      $reponse->closeCursor();?>
    </form>
  </body>
</html>

1 Ответ

0 голосов
/ 01 апреля 2019

Вы правильно поняли, что Ajax - это самый простой способ взаимодействия с базой данных на одной странице.

В W3Schools есть полезный пример, включающий PHP, AJAX и MYSQL: https://www.w3schools.com/php/php_ajax_database.asp

Более подробную информацию о вызовах Ajax можно найти в документации по API jQuery.https://api.jquery.com/jQuery.get/ https://api.jquery.com/jQuery.post/

Простой пример этого можно найти ниже: 

$.get('/path/to/file.php', function(data){
    console.log(data);
}

Ваше приложение выполнит Ajax-запрос к вашему файлу PHP, который взаимодействует с вашимбаза данных.Этот PHP-файл вернет нужные вам данные, которые затем можно будет обработать в вашей функции возврата.

Обратите внимание, что это также можно выполнить с помощью XML HttpRequest (https://www.w3schools.com/xml/xml_http.asp), однако JQuery Ajax намного проще.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...