想在网页上设计下拉框，如何通过选择下拉框内容对MySQL数据进行查询，并在下方通过表格进行展示。不知道是不是还有一些东西需要学一下。
或者Django框架也行
你做的是前后端分离的还是不分离的
前端index.html代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用JQ来获取下拉传递给后端交互获取数据显示</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<select id="serach">
<option selected="selected" value="0" >超级管理</option>
<option value="1">普通管理</option>
<option value="2">一般</option>
</select>
<div class="show"></div>
</body>
<script>
$('#serach').change(function(){
var username=$(this).find("option:selected").val();//获取下拉选中的值
$.ajax({
url : '/getAll',
async : false,
type : 'POST',
data:{"username":username},
cache:false,//是否缓存
success : function(data) {
//alert(JSON.stringify(data));
var text="<table class='table table-striped'><thead><tr>" +
"<th>用户名</th><th>密码</th><th>操作1</th><th>操作2</th></tr></thead><tbody>";
for(i=0;i<data.length;i++)
{
/* var sta="";
if(data[i].status==1)
sta="运行中";
else
sta="停止运行"; */
text+="<tr>";
text+="<td>"+data[i].username+"</td>" +
"<td>"+data[i].password+"</td>" +
"<td><button class='btn btn-warning' onclick='update(this.value)' value='"+data[i].id+"'>修改</button></td>" +
"<td><button class='btn btn-danger' onclick='del(this.value)' value='"+data[i].id+"'>删除</button></td>" +
"</tr>";
}
text+="<tbody></table>";
$(".show").html(text);
},
error:function (e) {
alert("出错了！");
},
dataType : "json"
});
})
</script>
</html>