Javascript 如何在python-web2py中访问html表单值

我在一个项目中使用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';

        }
    );            
}); 

{{extend'layout.html}
{{块内容}}
预订
{{对于结果中的StopLocation:}
{{=StopLocation.subsection\u name}
{{pass}}


{{对于结果中的StopLocation:}
{{=StopLocation.subsection\u name}
{{pass}}


{{end}
$（'departureChoice'）。更改（函数（事件）{
$.post（'bookingFunction.html'，{
所选：$（“#部门选择”）.val（）
},
功能（数据）{
document.getElementById（'Arrival'）.style.visibility='visible'；
}
);            
}); 

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

提前感谢

此功能：

或

另一个食谱