用于动态下拉菜单的javascript createelement
我不熟悉JavaScript中的用于动态下拉菜单的javascript createelement,javascript,php,html,mysql,Javascript,Php,Html,Mysql,我不熟悉JavaScript中的createElement属性。我需要从MySQL查询中创建一个下拉菜单。我已经从MySQL查询创建了一个PHP数组,如下所示: <? $vendorInformation=mysql_query("SELECT * FROM `vendor`",$con); $row=array(); while($v=mysql_fetch_assoc($vendorInformation)) { $row[]= $v['id']; $row[]= $
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>
var输入=1;
var v_数组=;
//v_阵列的输出:1、Cisco、2、Juniper、3、Opengear
var inp3=document.createElement('SELECT');
var o=document.createElement(“选项”);
inp3.setAttribute(“id”,“v”+(输入));
对于(var i=0;i
我不知道如何才能完成这段代码
根据数组的输出,选项值应为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);
}
var inp3=document.createElement('select'),
l=v_数组长度,i;
对于(i=0;i您最好在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);
}
var inp3=document.createElement('select'),
l=v_数组长度,i;
对于(i=0;i不确定名称和值来自何处,但必须从v_数组中为o指定属性,并在末尾执行inp3.appendChild(o)。然后将inp3附加到所需的文档元素。是的,这是我的困惑。我想我需要遍历数组。我不确定名称和值来自何处,但您必须从v_数组中为o指定属性,最后执行inp3.appendChild(o)。然后将inp3附加到所需的文档元素。是的,这是我的困惑。我想我需要遍历数组。