Question

所以我有这样的事情 -

3个季节，每个季节都有不同的价格，例如第1季 - 4月1日 - 5月30日，价格将为20美元 10月1日 - 12月15日，价格将为10美元 6月1日 - 8月1日，价格将为50美元

所有价格都计算一天，所以例如如果我在6月1日到8月1日之间租用了5天的价格，价格将是250美元。

我需要在输入字段窗口中将其显示为值，但是，我不知道如何使用Jquery创建它。

我用PHP取出价格，并将其分配给价值$ price。（人们可以选择选择，他们想要保留什么，每个项目的价格不同），当他们选择汽车时，一开始没有显示，但之后他们可以选择日期，当他们这样做时，价格会显示出来。希望你明白我的意思。

Answer 1

虽然在这个例子中没有处理所有情况，但你会想到计算价格

$('select').live("change",function(){
                month_price = $('#start_date_month').val();

                price = ($('#start_date_month option[value="'+month_price+'"]').attr('price'));

                startday = $('#start_date_day').val();

                endday = $('#end_date_day').val();
                end_month = $('#end_date_month').val();
                if(endday > 15 && end_month==12)
                {
                    price = $('#start_date_month option[value="1"]').attr('price');
                }

                days = endday - startday;
                $('#price').val(days*price);

            });

和html代码将是这样的

<select name="start_date_day" id="start_date_day" >
                <?php
                for ($d = 1; $d < 32; $d++) {
                    echo '<option value="' . $d . '">' . $d . '</option>';
                }
                ?>
            </select>
            <select name="start_date_month" id="start_date_month">
                <?php
                for ($m = 1; $m < 13; $m++) {
                    if ($m == 4 || $m == 5)
                        echo '<option value="' . $m . '" price=20>' . $m . '</option>';
                    elseif ($m == 6 || $m == 7)
                        echo '<option value="' . $m . '" price=50>' . $m . '</option>';
                    elseif ($m == 10 || $m == 11 || $m == 12)
                        echo '<option value="' . $m . '" price=10>' . $m . '</option>';
                    else
                        echo '<option value="' . $m . '" price=5>' . $m . '</option>';
                }
                ?>
            </select>
            <select name="start_date_year" id="start_date_year">
                <?php
                for ($i = 2012; $i < 2020; $i++) {
                    echo '<option value="' . $i . '">' . $i . '</otpion> ';
                }
                ?>
            </select>
            <select name="end_date_day" id="end_date_day">
                <?php
                for ($d = 1; $d < 32; $d++) {
                    echo '<option value="' . $d . '">' . $d . '</option>';
                }
                ?>
            </select>
            <select name="end_date_month" id="end_date_month">
                <?php
                for ($m = 1; $m < 13; $m++) {
                    echo '<option value="' . $m . '">' . $m . '</option>';
                }
                ?>
            </select>
            <select name="end_date_year" id="end_date_year">
                <?php
                for ($i = 2012; $i < 2020; $i++) {
                    echo '<option value="' . $i . '">' . $i . '</otpion> ';
                }
                ?>
            </select>
            <input type="text" name="price" id="price"/>

Answer 2

这里我展示了一个处理案例，在15月份开始日期之前的十二月，结束日期在15之后，那将是什么价格

 $(document).ready(function() {
            $('select').live("change",function(){
                month_price = $('#start_date_month').val();

                price = ($('#start_date_month option[value="'+month_price+'"]').attr('price'));

                startday = $('#start_date_day').val();

                endday = $('#end_date_day').val();
                end_month = $('#end_date_month').val();
                if(startday <15 && endday > 15 && month_price == 12 && end_month==12){
                    enddateprice = $('#start_date_month option[value="1"]').attr('price');
                    actualprice = ((16-startday)*price) + ((endday-16)*enddateprice);
                }
                else if(endday > 15 && end_month==12)
                {
                     days = endday - startday;
                    price = $('#start_date_month option[value="1"]').attr('price');
                    actualprice = days*price;
                }else{
                     days = endday - startday;
                     actualprice = days*price;
                }


                $('#price').val(actualprice);

            });

用jquery计算价格

2 个答案: