2017-07-12 9 views
0

テーブルデータを用いてStringField(主カテゴリ)を自動入力しますユーザがprogramme_sub_categoryを選択できるメニュー。同じページには、main_programme_categoryのStringFieldもあります。 Webページのmain_programme_categoryフィールドのStringFieldをリアルタイムで自動更新することができます。これにより、フォームが送信される前であっても、programme_sub_categoryの選択に基づいてフィールドが自動更新されます。 Flask-WTFormsはこの種の機能を可能にしますか?WTForms- SelectField選択(サブカテゴリ)は、私は、次のデータを含むテーブルを有する

+1

JavaScriptを使用するとできます。 Webページ上にあるので、サーバーに戻ってこれにWTFormsを使用する理由がありますか? – Sagar

+0

いいえ、私はあまりWeb開発に慣れていないし、Javascriptで実行できるかどうか分からない。それはかなりまっすぐですか? – neilH

+0

ええ、特にjqueryを使用する場合は、それを含めることができます。 – Sagar

答えて

0

これは、クライアント側であるので、あなたは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のようなものの例を投稿する必要があります。

+1

オクラホマ、私は今チェックして、あなたに戻ってきます、歓声 – neilH

関連する問題