根據下拉菜單中的項目選擇在文本框中顯示價格

Question

我無法在input中的select中顯示項目的價格。 到目前為止，這是我的代碼：

<table border="1"> 
  <tr>
    <td>
    <select name="productName" onchange="changeValue(this.value)">
    <option value="0">Product</option>
    <?php
    $query = "SELECT * FROM tblProduct ORDER BY productName ASC";
    $result = mysqli_query($conn, $query);
    $test123 = "var dtPRD= new Array();\n"; 
    while ( $data=mysqli_fetch_array($result)) {
echo "<option value='{".$data['productCode']."}'>".$data['productName']."
</option>";
$test123 .= "dtPRD['" . $data['productName'] . "'] = {productPrice:'" . 
($data['productPrice']). "'};\n"; 
}
?>
</select>       
</td>
<td>
Price<input type="text" name="productPrice">
</td>
</tr>
</table>
<script type="text/javascript">   
<?php 
echo $test123; 
?> 
function changeValue(productName){ 
document.getElementByName'namaProduk').value = 
dtPRD[productName].productPrice;
}; 
</script>

例如，如果從下拉列表中選擇了項目A，則我希望項目A的價格顯示在input 。 現在，我的代碼沒有這樣做。

圖片：

Answer 1

嘗試這段代碼-我使用array來實現您想要的！

您還可以生成一個多維數組以指向產品。

要從您的php或數據庫中獲取數組： 在此說明！

 var array = ["919$","929$","939$","949$"]; function changeValue(productName) { document.getElementById('productPrice').value = array[productName]; }; 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table border="1"> <tr> <td> <select name="productName" onchange="changeValue(this.value)"> <option >Product</option> <option name="product" value="0">Product-Name 1</option> <option name="product" value="1">Product-Name 2</option> <option name="product" value="2">Product-Name 3</option> <option name="product" value="3">Product-Name 4</option> </select> </td> <td> Price<input type="text" id="productPrice"> </td> </tr> </table>