JS在文本输入中显示未定义 - JS showing undefined in text input

JS showing undefined in text input

本文关键字：显示未定义输入文本 JS | 更新日期: 2023-09-27

我有这个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文本输入，使其具有数据库中零售列的值

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

您正在对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中的对象/数组。

尝试更改这个：

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

到此：

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