Question

我正在使用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>

Answer 1

您的MainPage.get()例程看起来像是期待查询字符串selvalue.value。像这样更改index.html：

<select name="Applicationname" id="Applicationname"
 onchange="document.location.href='/?selvalue.value="+this.value+"'"  >

这会导致页面重新加载并显示指定vernums的{{1}}。

这不是解决此问题的唯一方法，但它是最短的。

Answer 2

请查看django-smart-select或此问题：customizing admin of django to have dependent select fields

Answer 3

我刚才建立了一些东西。阅读本页底部，了解构建此内容需要执行的操作：

https://github.com/dragonx/django-hier-ajax-form/blob/master/README.rst

我后来发现现有的项目也做同样的事情：

https://github.com/digi604/django-smart-selects

python GAE中的动态下拉列表

3 个答案: