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選擇（子類別），使用表數據

回答

相關問題