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 を使用すると、これら 2 つのフィールドを送信して、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 に答える