我正在使用 GAE 和 Python 来构建应用程序。我的首页(Index.html)中有 2 个下拉菜单“应用程序”和“版本”。我能够从数据库中动态填充第一个下拉列表。根据第一个下拉列表的选择,我需要填充第二个。我尝试使用 onchange 事件和 javascript 来捕获第一个下拉列表中的选择 id。但我不确定如何将捕获的 onchangeid 传递给后端。request.get 似乎不起作用。感谢任何帮助。
我的 main.py 看起来像
class MainPage(webapp.RequestHandler):
def get(self):
proj = db.GqlQuery("SELECT DISTINCT Applicationname FROM Dashboard")
Appname1 = self.request.get('selvalue.value')
proj1 = Dashboard.all().filter('Applicationname =',Appname1)
values = {'appnames' : proj, 'vernums' : proj1}
self.response.out.write(template.render('index.html',values))
class Dashboard(db.Model):
Applicationname = db.StringProperty(required=True)
Version=db.StringProperty(required=True)
Type=db.StringProperty()
Pagename=db.StringProperty(required=True)
Responsetime=db.StringProperty(required=True)
class DisplayHandler(webapp.RequestHandler):
def post(self):
Appname=self.request.get('Applicationname')
Vernum=self.request.get('Version')
query = Dashboard.all().filter('Applicationname =',Appname).filter('Version =',Vernum)
values = {'query' : query}
self.response.out.write(template.render('response.html',values))
def main():
application = webapp.WSGIApplication(
[('/', MainPage),
('/Display', DisplayHandler)
],
debug=True)
run_wsgi_app(application)
if __name__ == "__main__":
main()
我的 index.html 看起来像这样
<html>
<head>
<title> My First Web Page </title>
<link rel="stylesheet" type="text/css" href="style.css"> </link>
<script type="text/javascript">
function myFunction(Applicationname)
{
var selvalue = document.getElementById("Applicationname");
}
</script>
</head>
<body>
<form action="/Display" method="post">
<select name="Applicationname" id="Applicationname" onchange="myFunction()" >
<option value="Select">---Select---</option>
{% for q in appnames %}
<option value="{{q.Applicationname}}">{{q.Applicationname}}</option>
{% endfor %}
</select>
<br><br>
Select the Version number
<select name="Version" id="Version">
<option value="Select">---Select---</option>
{% for r in vernums %}
<option value="{{q.Version}}">{{r.Version}}</option>
{% endfor %}
</select>
<input type="submit" value="Submit" align="center"/>
</form>