我在一个项目中使用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准备好了,但它是空的。在
提前谢谢
这是有效的:
http://www.web2pyslices.com/slice/show/1724/cascading-dropdowns-simplified
或者
http://www.web2pyslices.com/slice/search?q=cascading中的另一个配方
相关问题 更多 >
编程相关推荐