выбор связанных данных из базы данных с опцией select, php mysql - PullRequest
Новая
       2

выбор связанных данных из базы данных с опцией select, php mysql

0 голосов
/ 27 ноября 2018

Таблица базы данных «Product» имеет «Product_Code» и «Product_Name»

У нас есть форма, в которую мы заполняем данные продукта

Выбор параметров выбирается из столбца таблицы базы данных «Product_Code» 

<select name="Select_Product_Code" id="Select_Product_Code"> 
    <option value="0">Product</option>
        <?php
             $con = mysqli_connect('localhost','user1db','userdb','1db');
    if (!$con) {    die('Could not connect: ' . mysqli_error($con));    }
    mysqli_select_db($con,"ajax_demo");
    $sql="SELECT * FROM Product";
    $result = mysqli_query($con,$sql);
    while($row = mysqli_fetch_array($result)) 
            {
            ?>
            <option value = "<?php echo($row['Product_Code'])?>" >
                <?php echo($row['Product_Code']);
                 ?>
            </option>
            <?php 
            } 
            ?>
    </select>

Без отправки формы. Существует ли способ отображения «Product_Name» в метке или TextInput, если выбран «Product_Code»?

Редактировать, добавить ajax.

readproduct.php 

<!DOCTYPE html>
<html>
<head>
<script>
function showProduct(str) {
  if (str=="") {
        document.getElementById("txtHint").innerHTML="";
    return;
  } 
  if (window.XMLHttpRequest) {
            xmlhttp=new XMLHttpRequest();
  } 
  xmlhttp.onreadystatechange=function() {
    if (this.readyState==4 && this.status==200) {
      document.getElementById("txtHint").innerHTML=this.responseText;
    }
  }
  xmlhttp.open("GET","getproduct.php?q="+str,true);
  xmlhttp.send();
}
</script>
</head>
<body>
<form>
<select name="products" onchange="showProduct(this.value)">
<option value="">Select </option>
<option value="1">0001</option>
<option value="2">0002</option>
<option value="3">0003</option>
<option value="4">0004</option>
</select>
</form>
<br>
<div id="txtHint"><b>list</b></div>
</body>
</html>

getproduct.php следующим образом 

    <?php
    $q = intval($_GET['q']);
    $con = mysqli_connect('localhost','user1db','userdb','1db');
    if (!$con) 
    {
        die('Could not connect: ' . mysqli_error($con));
    }
    echo "Connected";
    mysqli_select_db($con,"ajax_demo");
    $sql="SELECT * FROM Stock WHERE Product_Code = '".$q."'";
    $result = mysqli_query($con,$sql);
    while($row = mysqli_fetch_array($result)) 
    {
        echo $row['Product_Name'];
    }
    mysqli_close($con);
?>

Если мы удалим предложение where, будут отображены все названия продуктов, с предложением where getproduct.php не отображает Product_Names.Что мы пропустили или сделали неправильно?

1 Ответ

0 голосов
/ 27 ноября 2018

Вы можете заполнить массив внутри цикла while, который позже будет использоваться в слушателе изменений для элемента select, например: 

<select name="Select_Product_Code" id="Select_Product_Code"> 
    <option value="0">Product</option>
        <?php
             $con = mysqli_connect('localhost','user1db','userdb','1db');
    if (!$con) {    die('Could not connect: ' . mysqli_error($con));    }
    mysqli_select_db($con,"ajax_demo");
    $sql="SELECT * FROM Product";
    $result = mysqli_query($con,$sql);
    while($row = mysqli_fetch_array($result)) 
            {

// here it adds a name with a key that matches the option-value
            $names[$row['Product_Code']] = $row['Product_Name'];

            ?>
            <option value = "<?php echo($row['Product_Code'])?>" >
                <?php echo($row['Product_Code']);
                 ?>
            </option>
            <?php 
            } 
            ?>
    </select>

<input type="text" id="out-text" value="The Name will appear here" />

<!-- then it populates the array with json_encode() to be used in the event-listener (both below) -->
<script type="text/javascript">
var names = <?php echo json_encode($names); ?>;

document.getElementById("Select_Product_Code").addEventListener(
     'change',
     function() { 
        document.getElementById("out-text").value = names[this.selectedIndex]; 
     },
     false
  );
</script>

Это не единственный способ сделать это, но его ванильjavascript / php и - это JSFiddle с базовой логикой (без части PHP)

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

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

...