怎样用js实现数据库绑定到下拉框_sql

需要先用ajax的方式获取数据库的记录作为数组然后将数组内容加入的下拉框中作为选项

<head>

<title>无标题文档</title>

$(document).ready(funxtion{

vat list1=$("#test")//获取list对象

$.get("demo_ajax_load.txt", function(result){ //获取后台数据库记录

for(var i=0,len=result.row.lengthi<result.rowi++){ // result为返回的json对象row为包含选项的数组

var o=new Option(result.row[i].text,result.row[i].value)

list1.appendChild(o)

}

},"json")

})

</script>

</head>

<body>

</select>

</body>

第一步，在HBuilder编辑工具新建HTML5空白页面select.html，并引入VueJS核心js文件，如下图所示：

第二步，在body标签元素内插入div和select，注意给指定标签元素id属性值，如下图所示：

第三步，在div下方编写生成下拉框的数据源和绑定元素，下拉框有value和text，如下图所示：

第四步，预览该静态页面，发现下拉框什么都没有；打开浏览器控制台发现出现错误，如下图所示：

第五步，修改option标签数据绑定形式，利用v-bind，将js代码中的sel改为data，如下图所示：

第六步，再次预览该静态页面，发现下拉框数据源正确绑定，可以选择，如下图所示：

欢迎分享，转载请注明来源：内存溢出

怎样用js实现数据库绑定到下拉框