Question

我有这个填充选择框的HTML / PHP代码

<select name="customerbilling_productname" id="mySelectBox" onchange="changeValue(this.value);" style="width:120px;">
    <option value="">Please Choose</option>
    <option value="Type Custom">Type Custom</option>
    <?php
    $json_array = array();
    $stmt = $pdo_conn->prepare("SELECT * from prices ");
    $stmt->execute(array());
    $records = $stmt->fetchAll(PDO::FETCH_ASSOC);
    foreach($records as $result2) {
        $product = $result2["product"];
        $json_array[$product] = $result2['retail'];
        echo '<option value="'.$result2["product"].'">'.$result2["product"].'</option>';
    }
    json_encode($json_array, JSON_FORCE_OBJECT); 
    ?>
    </select>

这个JS代码：

<script>
var json = <?php echo $json_array; ?>;
function changeValue(myValue) {
    document.getElementById("customerbilling_unitprice").value = json[myValue];
}
</script>

因此，当我从下拉列表中选择一个选项时，它应填充客户的billing_unitprice文本输入，以获取数据库中零售列的值

当我从下拉列表中选择一个选项时，它在文本输入中显示未定义，而不是数据库中的值

Answer 1

您正在编码json，如下所示：

json_encode($json_array, JSON_FORCE_OBJECT);

但你没有把它分配给任何东西。

所以，这样做：

$json_str = json_encode($json_array, JSON_FORCE_OBJECT);

然后像这样更新你的javascript：

var json = JSON.parse('<?php echo $json_str; ?>');

我正在做JSON.parse()的原因是因为PHP的json_encode返回了一个json字符串。然后，您需要在javascript中将其解析为对象/数组。

Answer 2

尝试改变这个：

var json = <?php echo $json_array; ?>;

到此：

var json = '<?php echo $json_array; ?>';

JS在文本输入中显示未定义

2 个答案: