我试图使数据库中注册的元素显示为 Html 表单中“选择”的选项
选择MYSQL:表“项目”列“名称”
选择函数和 HTML 表单:
con.connect(function (err) {
if (err) throw err;
con.query("SELECT name FROM project", function (err, result, fields) {
if (err) throw err;
console.log(result);
});
});
<div class="box-form">
<div class="box-header">
<p class="title">
Choose the BOT
</p>
</div>
<form id="form-submit">
<img alt="robot-icon" class="robot-icon" src="assets / icons / robotic.png" />
<select id="project" name="project" placeholder="BOT">
<option value="database-database">select database</option>
</select>
</form>
</div>
<script src="js/db_select.js"></script>
最佳答案
您可以在获取结果数据后尝试此操作。
我假设结果是一个数组。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<select id="project" name="project" placeholder="BOT">
<option value="">select database</option>
</select>
<script type="text/javascript">
$(document).ready(function(){
result = ['db1','db2','db3']
for(i=0;i<result.length;i++){
$("#project").append(new Option(result[i],result[i]));
}
})
</script>
</body>
</html>
关于javascript - 如何使用 JavaScript 显示带有数据库元素的选项 (HTML),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53171276/