我有一个数据库表“酒店”包括酒店名称,地址和每种类型的房间价格。当我测试下拉显示它没有问题。
<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>
如何根据选择的酒店名称和房型显示相应的酒店费用?