0

我正在创建一个表单,其中有人选择一个团队,然后团队的位置应该在 div 中输出。

这是我到目前为止所拥有的。如何从正确的团队(用户选择的团队)获取位置?

<select id="chooseTeam" name="chooseTeam" data-placeholder="Select Team">
    <option></option>
    {% for team in teams %}
        <option>{{team.name}}</option>
    {% endfor %}
</select>

<div>{{team.location}}</div>

class Team(db.Model):
    __tablename__ = 'Team'
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String())
    location = db.Column(db.String())
4

1 回答 1

1

基本上,您必须编写一个 JavaScript 函数来检查用户是否选择了特定团队。如果已选择一个,则向服务器发出 AJAX 请求,其中包括所选的{{team.name}}. 在服务器上,编写一个函数来检查数据库中的哪个Team实例具有该选定名称。一旦找到它,您就可以查询该特定团队的位置并将其作为 XML 或 JSON 格式的 HTTP 响应返回。在函数的成功处理程序中$.ajax(),您可以检索位置并使用 jQuery 选择器将其添加到您的 DIV。

于 2012-12-25T19:23:06.380 回答