AngularJS根据2个不同的选定下拉列表显示/隐藏数据

时间:2017-11-28 21:25:36

标签: angularjs codeigniter

我有一个数据库表“酒店”包括酒店名称,地址和每种类型的房间价格。当我测试下拉显示它没有问题。

<select name="hoselect" id="hoselect" ng-model="hotels$index">
<option  value="">--Don't need hotel--</option>
<option ng-repeat="Hotels in details.Hotels" value="{{Hotels.hotel_id}}"
{{Hotels.level}} / {{Hotels.name}} / {{Hotels.single}} / {{Hotels.double}} /
{{Hotels.triple}} / {{Hotels.quadruple}}</option>             
</select>

现在我想要2个不同的下拉菜单,首先选择酒店名称,然后选择房间类型并在div中显示价格。

<select name="hoselect" id="hoselect" ng-model="hotels$index">
<option  value="">--Don't need hotel--</option>
<option ng-repeat="Hotels in details.Hotels" value="{{Hotels.hotel_id}}"
{{Hotels.level}} / {{Hotels.name}}</option>           
</select>
<select name="roomtype" id="roomtype">
<option>Single Room</option>
<option>Double Room</option>
<option>Triple Room</option>
<option>Quadruple Room</option>
</select>
<div class="order_hotel_inf">Base Cost:  <span class="hotel_cost"></div>

如何根据选择的酒店名称和房型显示相应的酒店费用?

0 个答案:

没有答案