WTForms- SelectField选择（子类别），使用表数据

我有下列数据的表自动填充StringField（主要类别）菜单，用户可以在其中选择programme_sub_category。在同一页面上，我还有一个用于main_programme_category的StringField。是否可以实时自动更新网页上main_programme_category字段的StringField，以便即使在提交表单之前，字段也会根据选择的programme_sub_category自动更新？ Flask-WTForms是否允许这种功能？WTForms- SelectField选择（子类别），使用表数据

来源

2017-07-12 neilH

你可以用JavaScript来做。既然它在网页上，你是否有理由回到服务器并为此使用WTForms？ – Sagar

不，不是真的，我只是不是很有经验的网页开发，并不知道它可以在Javascript中完成。它相当简单吗？ – neilH

是的，尤其是使用jquery - 如果你可以包括它。 – Sagar

因为这是客户端，你可以做到这一点很容易地使用JavaScript：

最简单的方法是使用jQuery。 https://api.jquery.com/change/

他们使用的是div代替input场的，但这个想法是一样的：在看到自己的例子部分。根据你的情况，因为它是一个标准的下拉列表中，例如可以修改：

... 
<select name="programme_sub_category"> 
    <option val="ROT">EVENT</option> 
    <option val="LIVE MUSIC">LIVE MUSIC</option> 
    <option val="LIVE MUSIC">CONCERT</option> 
    <option val="LIVE MUSIC">OPERA</option> 
    <option val="UNPUBLISHED">REHEARSAL</option> 
    ... 
</select> 
<input name="main_programme_category" type="text" /> 

<script> 
$("select").change(function() { 
    var str = $("select option:selected").val(); 
    $("input").val(str); 
}); 
</script> 
...

==========

如果您的下拉显示不出来，像例如，在你的页面上，你可能需要发布一个HTML样子的例子。

来源

2017-07-13 12:56:56 Sagar

好的，我现在检查并回复你，欢呼 – neilH

WTForms- SelectField选择（子类别），使用表数据

回答

相关问题