Javascript 第二个select标记取决于第一个标记';价值

Javascript 第二个select标记取决于第一个标记';价值,javascript,python,html,flask,Javascript,Python,Html,Flask,我想更改用户根据上一个选择标签选项选择的选择标签。因此,第二个下拉菜单(选择标签)将取决于上一个 <form action="/signup" method="post"> <select name="make"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes"

我想更改用户根据上一个选择标签选项选择的选择标签。因此,第二个下拉菜单(选择标签)将取决于上一个

<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>
  • 第一个下拉菜单:车辆制造
  • 第二个下拉菜单:车辆型号
Python烧瓶代码

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

    return redirect('/')
<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>
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。可能像下面这样:

<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>
var make = $('select[name="make"]').val()
$('select[name="model"]').html('<option value="' + make + '">' + make + '</option>')
var make=$('select[name=“make”]”)。val()
$('select[name=“model”]”)。html(“”+make+“”)

请描述您遇到的问题,而不仅仅是您想在generalI中实现的目标。我不确定如何将两者联系起来。您不清楚您的问题是什么。为此,您需要使用javascript。添加javascript标记。我没有使用jquery的经验,我只是把它放到html中吗?只把它放到html文件的底部。结构可以是:`var make=$('select[name=“make”]').val()$('select[name=“model”]').html(''+make+'')`hi,我这样做并得到一个空的HTMLY您的源代码应该放在字段之间。沃尔沃萨博梅赛德斯奥迪沃尔沃var make=$('select[name=“make”]).val()$('select[name=“model”]).html(''+make+'')哦,我明白了:)我现在如何添加汽车制造商和制造商的选项?e、 g.如果有人选择宝马,则会显示所有宝马车型