0

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

3 回答 3

1

您的MainPage.get()例程看起来需要一个查询字符串selvalue.value。像这样改变你index.html

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

这将导致页面重新加载并显示vernums指定的Applicationname.

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

于 2013-07-15T05:22:43.683 回答
0

不久前我做了一些东西来做这件事。阅读本页底部,了解您需要做什么来构建它:

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

后来我发现有一个现有的项目做同样的事情:

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

于 2013-07-15T15:35:35.763 回答
0

请看一下django-smart-select这个问题:customizing admin of django to havedependent select fields

于 2013-07-15T04:42:28.233 回答