具有不同文本和值的 JavaScript 动态下拉列表形成 php json

Question

我在编辑一些 PHP 和 javascript (ajax) 代码时遇到了一些麻烦。这样做是用 json 中的选项生成一些 html 下拉菜单。

我的问题是下拉选项值和文本，因为它们是相同的(值==文本):

<option value="value">text</option>

如何编辑 PHP 部分和 $main json 数组，使 VALUE 的 loc_id 和 pickuplocation 的 TEXT 的 location_title。

PHP代码:

$q_categ="select loc_id, location_title from bk_all_location";
$sth = $dbo->prepare($q_categ);
$sth->execute();
$pickuplocation = $sth->fetchAll(PDO::FETCH_COLUMN); 

$main = array('pickuplocation'=>$pickuplocation, 'value'=>array("pickuplocation1"=>"$pickuplocation1"));
echo json_encode($main); 

然后在 javascript ajax 中必须进行编辑以获得文本和值的不同值。对于文本，来自 mysql 的列 location_title 的值，对于值，来自 mysql 的 loc_id 的值。

javascript代码:

for (j = document.myForm.pickuplocation.options.length-1; j >= 0; j--) {
    document.myForm.pickuplocation.remove(j);
}
var pickuplocation1 = myObject.value.pickuplocation1;
for (i = 0; i < myObject.pickuplocation.length; i++) {
    var optn = document.createElement("OPTION");
    optn.text = myObject.pickuplocation[i];
    optn.value = myObject.pickuplocation[i];
    document.myForm.pickuplocation.options.add(optn);
    if (optn.value == pickuplocation1) {
        document.myForm.pickuplocation.options[i].selected = true;
    }
}

我尽量简化了代码，使之易于理解。我需要一些有关 PHP 和 ajax 代码的提示...同时我会继续努力寻找解决方案。最好的问候!

Answer 1

我有解决方案:

在 PHP 中必须更改为 $pickuplocation = $sth->fetchAll(PDO::FETCH_ASSOC);并且在 javascript 中必须更改:

optn.text = myObject.pickuplocation[i].location_title;
optn.value = myObject.pickuplocation[i].loc_id;

谢谢!