ドロップダウンメニューの項目選択に基づくテキストボックスの表示価格

Question

selectの商品の価格をinputに表示する際に問題が発生します。ここでは、これまでに私のコードです：アイテムAは、ドロップダウンから選択された場合例えば

<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の価格が私のinputに表示します。今、私のコードはこれをやっていません。

画像：

Answer 1

は、このコードを試してみてください - 私はあなたが望むものを達成するためにarrayを使用！

また、製品を指すように多次元配列を生成することもできます。

あなたのPHPまたはデータベースから配列を取得するには：hereを説明してください！

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>