Question

我正在创建一个表单，有人选择一个团队，然后团队的位置应该以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())

Answer 1

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

选择足球队和输出足球队的位置

1 个答案: