微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在jquery中使用.change和datepicker提交表单

如何解决在jquery中使用.change和datepicker提交表单

|| 目前,我正在使用JQuery UI的datepicker范围,并且我添加了一些其他JavaScript,当不同的表单元素发生更改时,这些javascript应该在页面上提交表单。 如果我手动输入日期,然后单击鼠标左键,则可以在我添加的下拉菜单以及日期选择器输入框中使用。 但是,如果单击日期选择器的输入字段,然后弹出日期选择器,则选择日期后将不提交表单。 好像输入字段不知道发生了更改。 http://api.jquery.com/change/ 这是我正在使用的代码
$(document).ready(function() {

                $(\'#from\').change(function() {
                  document.myform.submit();
                });

            });
            $(document).ready(function() {

                $(\'#to\').change(function() {
                  document.myform.submit();
                });

            });
通过使用datepicker UI事件,我添加了以下代码进行测试,但无法正常工作。
$(document).ready(function() {

                $(\'#from\').datepicker({
                   onClose: function() { alert(\'Yo yo!\') }
                });

            });
    

解决方法

        jQuery UI DatePicker具有自定义事件,尤其是onSelect事件,单击事件的选项卡,它位于文档的底部: http://jqueryui.com/demos/datepicker/     ,        仔细检查您引用的代码上方是否没有JavaScript错误。 如果有错误,则这些错误下面的JavaScript代码将无法正确执行。 这可能就是您添加到测试中的代码也不起作用的原因。     ,        正确的答案在这里:jQuery datepicker,onSelect将不起作用     ,        希望是
on focus
。单击日期选择器时,焦点将位于必须显示日期的文本框中。 因此事件应为
.focus()
http://api.jquery.com/focus/ http://api.jquery.com/focusout/     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。