第二选择标记取决于第一选择标记'价值

A second select tag which depends on the first ones' value

本文关键字：选择 价值 取决于      更新时间：2023-09-26

我想更改用户根据上一个select标记选项选择的select标记。因此，第二个下拉菜单（选择标签）将取决于前一个。

  • 第一个下拉菜单：车辆制造
  • 第二个下拉菜单：车型

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>

我认为可以使用jquery动态更改第二个dom。可能如下所示：

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