从输入添加年份到 ajax 调用

我有一个页面 A,它有一个表单,其中包含一个年份的输入和一个月份的下拉列表。


            <form method="post" action="" name="form_cal" id="form_cal" class="inputform">

                <div class="h5"><strong>Total Number of People Registered:</strong> <?Php echo $totalpersons; ?></div>

                <div class="clear_5"></div>

                <div>

                    <span><label class="h5"><strong>Year *</strong></label></span>

                    <div class="clear_1"></div>

                    <span><input name="year" type="text" class="textbox" id="year" required></span>

                </div>

                <div>

                    <span><label class="h5"><strong>Month for Screening</strong></label></span>

                    <span>                          

                        <select name="month" id="month" value="" tabindex="1" aria-hidden="true" required style="height:50px;display: block;padding:10px;" class="h5">

                            <option value="" selected="selected">- Select One -</option>

                            <option value="1">January</option>

                            <option value="2">Febuary</option>

                            <option value="3">March</option>

                        </select>

                    </span>

                </div>

            </form>

我还有另一个页面 B,它通过 ajax 获取页面 A 上选择的月份中的所有天数。

如果我使用年份的日期函数,date("Y");它工作正常。我得到指定月份的所有天数。但是年份的日期函数仅适用于当前年份。我想要实现的是能够在年份的输入字段中输入年份,当调用 ajax 时,输入字段中的年份值将传递给 ajax,以便显示所选月份的天数指定的年份。下面是我的 ajax 调用(我认为这是我需要进行调整的地方。但无法找出最好的方法)

任何帮助将不胜感激


料青山看我应如是
浏览 157回答 2
2回答

SMILET

经过进一步阅读和测试,我能够解决它。感谢@Studocwho 的指导。并感谢其他评论并提出解决方案的人。这是我的工作解决方案:$(document).ready(function(){&nbsp;&nbsp; &nbsp; var timer = null;&nbsp;&nbsp; &nbsp; var dataString;&nbsp;&nbsp; &nbsp; function submitForm(){&nbsp; &nbsp; &nbsp; &nbsp; $.ajax({ type: "POST",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; url: "cim-calendar-action.php",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; data: dataString,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; success: function(result){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('#calendar-display').html(result);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; }&nbsp; &nbsp; $('#month').on('change', function() {&nbsp; &nbsp; &nbsp; &nbsp; clearTimeout(timer);&nbsp; &nbsp; &nbsp; &nbsp; var month = $(this).val();&nbsp; &nbsp; &nbsp; &nbsp; var year = $("#year").val();&nbsp; &nbsp; &nbsp; &nbsp; dataString = {'month': month, 'year': year };&nbsp; &nbsp; &nbsp; &nbsp; timer = setTimeout(submitForm, 050);&nbsp; &nbsp; });});我添加var year = $("#year").val();并将数据字符串更改为dataString = {'month': month, 'year': year };
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript