JavaScript createelement for Dynamic 下拉菜单
javascript createelement for dynamic drop down menu
我是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,值应分别为思科、瞻博网络、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下拉菜单-点击按钮并根据所选值重定向到url
- angular的下拉菜单
- 创建带有和不带有JavaScript的Bootstrap下拉菜单
- 创建下拉菜单
- 下拉菜单在菜单按钮的边缘闪闪发光
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- 硒IDE下拉菜单
- 我的下拉菜单中的链接不起作用
- Bootstrap Dropdown selection是在*all*下拉菜单上设置选择
- 如何将JSON转换为HTML下拉菜单
- 悬停下拉菜单即使在鼠标移出后也保持活动状态
- 基于下拉菜单创建开关
- 动态填充两个下拉菜单
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- 基于其他下拉菜单选择隐藏/显示下拉菜单
- JavaScript下拉菜单-部件在Mac上消失
- 为什么引导程序下拉菜单只有在包含bootstrap-responsive.css时才起作用
- 从选择下拉菜单中获取数据
- Bootstrap下拉菜单不起作用
- JavaScript createelement for Dynamic 下拉菜单