如何使用JavaScript更改HTML中的Blask WTForm字段值？

发布于 2025-01-24 00:24:22 字数 329 浏览 2 评论 0原文

我有一个简单的隐藏字段，以html形式：

＆lt; input type =“ hidend” id =“ wenspy” name =“ wances”＆gt; {{form.Response}}＆lt;/div＆gt;

我想更改其值，以便我可以在以后使用烧瓶和wtforms使用它。

我尝试了一下：

function(token){
 document.getElementById('response').value = token
}

函数被带有有效的令牌，但没有成功。

有什么建议吗？

原文

I have this simple hidden field in an HTML form:

<input type="hidden" id="response" name="response">{{ form.response}}</div>

and I want to change the it's value so that I can use it using flask and WTForms later on.

I tried this:

function(token){
 document.getElementById('response').value = token
}

and the function is being called with a valid token, but no success.

Any suggestions?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你好，陌生人 2025-01-31 00:24:22

形式的输入字段如下创建，其中可能的其他参数（例如标签或验证器）。

class ExampleForm(FlaskForm):
    response = HiddenField()
    submit = SubmitField()

需要以下代码在服务器端请求值。

@app.route('/', methods=['GET', 'POST'])
def index():
    form = ExampleForm(request.form)
    if form.validate_on_submit():
        print(form.response.data)
    return render_template('index.html', **locals())

如果您现在在模板中渲染，则自动设置属性名称和ID。该值对应于分配输入字段的变量的标识符。要查询并设置值，您可以使用具有名称属性的选择器或输入字段的ID。

<form method="post">
  {{ form.csrf_token }}
  {{ form.response }}
  {{ form.submit }}
</form>

<script type="text/javascript">
  (() => {
    
    const token = 'your token here';
    let responseField;
    
    // Selecting the input field based on the id attribute, 
    responseField = document.getElementById('response');
    responseField.value = token;

    // or select based on the name attribute.
    responseField = document.querySelector('input[name="response"]');
    responseField.value = token;

  })();
</script>

The input field for a form is created as follows, where additional arguments like a label or validators are possible.

class ExampleForm(FlaskForm):
    response = HiddenField()
    submit = SubmitField()

The following code is required to request the value on the server side.

@app.route('/', methods=['GET', 'POST'])
def index():
    form = ExampleForm(request.form)
    if form.validate_on_submit():
        print(form.response.data)
    return render_template('index.html', **locals())

If you now render within the template, the attributes name and id are set automatically. The value corresponds to the identifier of the variable to which the input field was assigned. To query and set the value, you can either use a selector with the name attribute or the id of the input field.

<form method="post">
  {{ form.csrf_token }}
  {{ form.response }}
  {{ form.submit }}
</form>

<script type="text/javascript">
  (() => {
    
    const token = 'your token here';
    let responseField;
    
    // Selecting the input field based on the id attribute, 
    responseField = document.getElementById('response');
    responseField.value = token;

    // or select based on the name attribute.
    responseField = document.querySelector('input[name="response"]');
    responseField.value = token;

  })();
</script>

回复收藏 0 原文

~没有更多了~