0

我在一个项目中使用 web2py，并且必须使用带有表单的 ajax/javascript。当前，当用户在出发选择框中进行选择时，会出现到达选择框。但是，我不确定如何根据第一个框中选择的内容来完善到达选择列表。

例如，如果您在出发选择中有选项 1、选项 2 和选项 3，并且选择了选项 2，那么到达时只有选项 1 和 3 可用。

makeBooking.html

{{extend 'layout.html'}}

{{block content}}

<div class="span8">
<div class="pagetitle">
       <h3>Make a Booking</h3>

</div>
<!-- Brandons Code Here -->
<select id="departureChoice">
{{for StopLocation in result:}}

<option value="{{=StopLocation.suburb_name}}">{{=StopLocation.suburb_name}}</option>

{{pass}}
</select>

<br>
<div id="arrive" style="visibility:hidden" >
    <select id="arriveChoice">
   {{for StopLocation in result:}}

<option value="{{=StopLocation.suburb_name}}">{{=StopLocation.suburb_name}}</option>

{{pass}}
</select>
</div>
<br>

{{end}}

<script type="text/javascript">
$('#departureChoice').change(function(event) {
    $.post('bookingFunction.html', { 
        selected: $('#departureChoice').val() 
        },
        function(data) {

            document.getElementById( 'arrive' ).style.visibility = 'visible';

        }
    );            
});

使用 web2py 是否可以在不使用 ajax 重新加载页面的情况下提交这两个字段来查询数据库？我目前为此设置了 bookingFunction.html，但它是空白的。

提前致谢

4

1 回答 1

2

这有效：

http://www.web2pyslices.com/slice/show/1724/cascading-dropdowns-simplified

或者

http://www.web2pyslices.com/slice/search?q=cascading中的另一个食谱

于 2013-11-03T12:32:39.697 回答