0

以下のフォームから特定の URL を生成しようとしています。カレンダーがあり、日付が URL に入ります。また、9 種類のチケットの種類と各チケットの数量からの値。したがって、私のURLは次のようになります

https://sales.site.com/?action=quicksale&venueid=1&businessdate=2012-10-05&ticketids=6,8&quantities=1,1

これらの値: action: 常に "quicksale"、venueid: 常に "1"、businessdate: 要求された販売日。mm-dd-yyyy または yyyy-mm-dd のいずれかです。チケット ID: 下の表を参照してください。数量: チケット ID がリストされている順序で。

これにどのようにアプローチしますか?phpまたはjqueryを使用する必要がありますか? 投稿または取得します。カレンダーは Jquery にする必要がありますか?

アドバイスを探しています、ありがとう

                        <form method="post" action="">-->
            <div class="quick-book-form-elements">
                <table width="255" class="quick-book-table" cellpadding="4">
                    <tbody>
                        <tr class="quick-book-days">
                            <th>&nbsp;</th>
                            <th><img src="../public/img/1day-small.png" alt="" /></th>
                            <th><img src="../public/img/2day-small.png" alt="" /></th>
                            <th class="quick-book-last"><img src="../public/img/3day-small.png" alt="" /></th>
                        </tr>

                        <tr class="quick-book-adults">
                            <th class="quick-book-labels">
                                Adult
                            </th>
                            <td>
                                <div class="ticket-style-quick-book">
                                    <select class="adult-ticket-select">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                    </select>
                                    <span class="quick-book-price">$40/ea</span>
                                </div>
                            </td>

                            <td>
                                <div class="ticket-style-quick-book">
                                    <select class="adult-ticket-select">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                    </select>
                                    <span class="quick-book-price">$50/ea</span>
                                </div>
                            </td>
                            <td class="quick-book-last">
                                <div class="ticket-style-quick-book">
                                    <select class="adult-ticket-select">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                    </select>
                                    <span class="quick-book-price">$60/ea</span>
                                </div>
                            </td>
                        </tr>

                        <tr class="quick-book-child">
                            <th class="quick-book-labels">Child</th>
                            <td>
                                <div class="ticket-style-quick-book">
                                    <select class="adult-ticket-select">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                    </select>
                                    <span class="quick-book-price">$30/ea</span>
                                </div>
                            </td>
                            <td>
                                <div class="ticket-style-quick-book">
                                    <select class="adult-ticket-select">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                    </select>
                                    <span class="quick-book-price">$40/ea</span>
                                </div>
                            </td>
                            <td class="quick-book-last">
                                <div class="ticket-style-quick-book">
                                    <select class="adult-ticket-select">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                    </select>
                                    <span class="quick-book-price">$50/ea</span>
                                </div>
                            </td>
                        </tr>

                        <tr class="quick-book-family">
                            <th class="quick-book-labels">Family</th>
                            <td>
                                <div class="ticket-style-quick-book">
                                    <select class="adult-ticket-select">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                    </select>
                                    <span class="quick-book-price">$125/ea</span>
                                </div>
                            </td>
                            <td>
                                <div class="ticket-style-quick-book">
                                    <select class="adult-ticket-select">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                    </select>
                                    <span class="quick-book-price">$155/ea</span>
                                </div>
                            </td>
                            <td class="quick-book-last">
                                <div class="ticket-style-quick-book">
                                    <select class="adult-ticket-select">
                                        <option value="0">0</option>
                                        <option value="1">1</option>
                                    </select>
                                    <span class="quick-book-price">$185/ea</span>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        <a href="http://sales.site.com/" title="" class="quick-book-submit-btn"></a>
        <input type="submit" class="quick-book-submit-btn" name="quick-book-submit-btn" value="" />
    </form>
</div><!-- end quick-book-form div -->

4

1 に答える 1

0

カレンダーについては、確かに jQuery-ui を使用できます。これは優れたウィジェットで、構成が簡単で非常に強力です。

http://jqueryui.com/demos/datepicker/

必要な形式を入力に入れるように構成できます（たとえば、YYYY-MM-DD）

最後に、送信イベントにリスナーを追加して、アクションの変更を実行する必要があります。

// This function will be call before the submit
$("#YOUR_FORM_ID").submit(function(submitEvent) {

    // Initialize the query param array
    var queryParams = [];

    // Fill the query param with values
    queryParams.push("action=quicksale");
    queryParams.push("venueid=1");
    queryParams.push("businessdate=" + $("#YOUR_INPUT_DATE_ID").val());
    // etc...

    // Finally update the form action
    $(this).attr('action', 'https://sales.site.com/?' + queryParams.join("&"));

    // The action has been updated
    // The submit will process
});
于 2012-10-03T22:30:25.183 に答える