取决于第一个值的第二个选择标签

Question

我想根据前一个选择标签选项更改用户选择的选择标签。所以第二个下拉菜单（选择标签）将取决于前一个。

• 第一个下拉菜单：车辆品牌
• 第二个下拉菜单：车型

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

我认为您可以使用 jquery 动态更改第二个 dom。可能像下面这样：

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