gpt4 book ai didi

用于动态下拉菜单的javascript createelement

转载 作者:行者123 更新时间:2023-11-29 00:23:43 27 4
gpt4 key购买 nike

我是 JavaScript 中 createElement 属性的新手。我需要从 MySQL 查询创建一个下拉菜单。我从 MySQL 查询创建了一个 PHP 数组,如下所示:

<?
$vendorInformation=mysql_query("SELECT * FROM `vendor`",$con);
$row=array();

while($v=mysql_fetch_assoc($vendorInformation))
{
$row[]= $v['id'];
$row[]= $v['name'];
}

$row=json_encode($row);
echo $row;
//OUTPUT: ["1","Cisco","2","Juniper","3","Opengear"]
?>

然后我写了JavaScript代码:

<script>
var inputs = 1;
var v_array = <?=$row;?>;
//OUTPUT for v_array: 1,Cisco,2,Juniper,3,Opengear
var inp3 = document.createElement('SELECT');
var o=document.createElement("option");
inp3.setAttribute("id","v"+(inputs));

for (var i = 0; i < v_array.length; i++)
{
var o=document.createElement("option");
o.setAttribute("name","red");
o.setAttribute("value","me");
o.innerHTML=name;
inp3.appendChild(o);
}
</script>

我不确定如何完成此代码。

根据数组的输出,选项值应为 1、2、3,值应分别为 Cisco、Juniper、Opengear。

最佳答案

最好在 PHP 中使用这种格式:

while($v = mysql_fetch_assoc($vendorInformation)) {
$row[] = array(
"id"=>$v['id'],
"name"=>$v['name']
);
}

然后,在您的 JavaScript 中,您可以这样做:

var inp3 = document.createElement('select'),
l = v_array.length, i;
for( i=0; i<l; i++) {
inp3.options[i] = new Option(v_array[i].name,v_array[i].id);
}

关于用于动态下拉菜单的javascript createelement,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20037763/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com