как заполнить выпадающее выбранное значение в текстовом поле из базы данных - PullRequest
Новая
       7

как заполнить выпадающее выбранное значение в текстовом поле из базы данных

0 голосов
/ 06 сентября 2018

Это очень распространенный вопрос, но попробовал несколько вещей, которые не сработали. Я пытаюсь заполнить текстовое поле из базы данных в соответствии со значением, выбранным из раскрывающегося списка. мой index.php 

<?php
 # Connect 
 mysql_connect('localhost', 'user', 'pass') or die('Could not connect: ' . mysql_error());

# Choose a database
mysql_select_db('db_name') or die('Could not select database');

# Perform database query
$query = "SELECT * from customer_reg";
$result = mysql_query($query) or die('Query failed: ' . mysql_error());
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
    <meta charset="utf-8">
  <title>whatever</title>
 </head>

<body>
  <label for="ddcust_nm">Customer Name: </label>
  <select id="customer_name">
   <option value="0">Please select</option>
   <?php
    while ($row = mysql_fetch_assoc($result)) {
        echo '<option value="' . $row['id'] . '">' . $row['customer_name'] . '</option>';
    }
  ?>
</select>

<div>
  <label for="address">Street Address</label>
  <input id="address" name="address" class="element text large" type="text">
</div>

<div>
  <span class="floatLeft">
    <label for="phoneno">phone No:</label>
    <input id="phoneno" name="phoneno" class="element text medium" style="width:14em" type="text">
  </span>


</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
  function insertResults(json){
    $("#address").val(json["StreetAddress"]);
    $("#phone").val(json["City"]);

  }



  function makeAjaxRequest(placeId){
    $.ajax({
      type: "POST",
      data: { placeId: placeId },
      dataType: "json", 
      url: "search.php",
      success: function(json) {
        insertResults(json);
      }
    });
  }

  $("#customer_name").on("change", function(){
    var id = $(this).val();
    if (id === "0"){
      clearForm();
    } else {
      makeAjaxRequest(id);
    }
  });
  </script>
   </body>
  </html>

search.php 

<?php
  mysql_connect('localhost', 'user', 'pass') or die('Could not connect: ' . 
mysql_error());

mysql_select_db('db_name') or die('Could not select database');

 $placeId = $_POST['placeId'];

  $query = "SELECT * from customer_reg";
  $result = mysql_query($query) or die('Query failed: ' . mysql_error());
  while ($row = mysql_fetch_assoc($result)) {
    if ($placeId == $row['id']){
     echo json_encode($row);
    }
  }
?>

Я могу получить значение в раскрывающемся списке, однако после выбора любого значения в раскрывающемся списке ничего не происходит. Я пробовал оповещение в каждой функции, он ничего не показывает. Я пытался нажать (я знаю, что не должен), ничего не срабатывает Я получил этот код от ЗДЕСЬ

Пожалуйста, помогите

...