如果选择了值,如何显示另一个选择值

时间:2017-11-06 20:13:22

标签: javascript php jquery

我的网站上有一个简单的表格。例如:Select 1Select 2。我希望如果我Select 1HomeSelect 2值更改为例如residance Select 1

如何用数据库做到这一点?我从数据库中获取这些值:

Home values = OtelsSelect 2

Home值=如果选中residanceroomapartOtel), 如果选中2 stars3stars4stars<div class="row pick-size"> <div class="col-lg-4 col-md-8 col-sm-6"> <select class="selectpicker" data-size="3" data-style="select-with-transition btn btn-simple"> <option value="0">Select</option> <option value="1">Home</option> <option value="2">Otels</option> </select> </div> <div class="col-lg-4 col-md-8 col-sm-6"> <select class="selectpicker" data-size="3" data-style="select-with-transition btn btn-simple"> <!--if selected Home show this values--> <option value="1">residance</option> <option value="2">room</option> <option value="3">apart</option> <!--if selected Otels show this values--> <option value="0">2 stars</option> <option value="1">3 stars</option> <option value="2">4 stars</option> </select> </div> </div>

$ npm outdated --depth=1 eslint
Package  Current  Wanted  Latest  Location
eslint     4.9.0  4.10.0  4.10.0  MyApplication1 > grunt-eslint

1 个答案:

答案 0 :(得分:-1)

您可以使用innerHTML JavaScript属性添加不同的下拉列表。

我建议隐藏第二个下拉列表,直到在第一个下拉列表中选择一个值。这将提供更好的用户体验。

但是有一些更优雅的解决方案here