为了账号安全,请及时绑定邮箱和手机立即绑定

从输入添加年份到 ajax 调用

从输入添加年份到 ajax 调用

料青山看我应如是 2021-10-14 16:54:22
我有一个页面 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 调用(我认为这是我需要进行调整的地方。但无法找出最好的方法)任何帮助将不胜感激
查看完整描述

2 回答

?
SMILET

TA贡献1796条经验 获得超4个赞

经过进一步阅读和测试,我能够解决它。感谢@Studocwho 的指导。并感谢其他评论并提出解决方案的人。这是我的工作解决方案:


$(document).ready(function(){ 

    var timer = null; 

    var dataString; 

    function submitForm(){

        $.ajax({ type: "POST",

                    url: "cim-calendar-action.php",

                    data: dataString,

                    success: function(result){

                        $('#calendar-display').html(result);

                    }

        });

        return false;

    }

    $('#month').on('change', function() {

        clearTimeout(timer);

        var month = $(this).val();

        var year = $("#year").val();

        dataString = {'month': month, 'year': year };

        timer = setTimeout(submitForm, 050);

    });

});

我添加var year = $("#year").val();并将数据字符串更改为dataString = {'month': month, 'year': year };


查看完整回答
反对 回复 2021-10-14
  • 2 回答
  • 0 关注
  • 156 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信