第1の値に依存する第2の選択タグ

Question

ユーザが前の選択タグオプションに基づいて選択した選択タグを変更したいとします.2番目のドロップダウンメニュー（選択タグ）は前のものに依存します。

• まずドロップダウンメニュー：車両が作る
• 番目のドロップダウンメニュー：車両モデル

Pythonのフラスココード

@app.route('/signup', methods = ['POST']) 
def signup(): 
    make = request.form['make'] 
    model= request.form['model'] 
    print(model) 
    print(make) 

    return redirect('/') 

HTML：

<form action="/signup" method="post"> 

<select name="make"> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

<select name="model"> 
    <option value="volvo">Volvo</option> 
</select> 

<input type="submit" value="Submit"> 


</form> 

</html> 

Answer 1

私はあなたが動的に2番目のDOMを変更するためにjqueryを使うことができると思います。多分、次のように：

var make = $('select[name="make"]').val() 
$('select[name="model"]').html('<option value="' + make + '">' + make + '</option>')