GVKun编程网logo

JavaScript表单操作更改事件(js修改表单的值)

20

本文将介绍JavaScript表单操作更改事件的详细情况,特别是关于js修改表单的值的相关信息。我们将通过案例分析、数据研究等多种方式,帮助您更全面地了解这个主题,同时也将涉及一些关于javascri

本文将介绍JavaScript表单操作更改事件的详细情况,特别是关于js修改表单的值的相关信息。我们将通过案例分析、数据研究等多种方式,帮助您更全面地了解这个主题,同时也将涉及一些关于javascript – HTML日期时间 – 本地更改事件?、javascript – jqgrid复选框更改事件、javascript – JQuery .on()更改事件未触发(页面在.load()内)、javascript – Jquery datepicker更改事件触发器和输入的默认更改事件的知识。

本文目录一览:

JavaScript表单操作更改事件(js修改表单的值)

JavaScript表单操作更改事件(js修改表单的值)

如何解决JavaScript表单操作更改事件?

我的html对象为-

<html>
    <object type="text/html" data="https://somesite.com"width="100%" height="100%">
      --- somesite''s own form--
    <form name="aspnetForm" method="post" action="actionurl" id="aspnetForm"https://www.jb51.cc/tag/ott/" target="_blank">ottom:0;margin-top:0;">
    </object>
</html>
在对象中看到的

form标记是somesite.com的内部形式。 我想使用该对象在页面上编写javascript,当更改此表单的操作时,我应该处理该事件。

什么是javascript中的表单操作更改事件?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

javascript – HTML日期时间 – 本地更改事件?

javascript – HTML日期时间 – 本地更改事件?

有没有办法用< input type ='datetime-local'>处理“datetime-selection”事件?控制?

onchange,onselect和oninput对我不起作用.

解决方法

(在chrome中)onchange事件在字段完全填充时触发

还有一个Why is HTML5 input type datetime removed from browsers already supporting it?的读数

javascript – jqgrid复选框更改事件

javascript – jqgrid复选框更改事件

我的数据库中有true / false值.我想用jqgrid中的复选框更新它们.
一旦将值设置为true,它将保持为true且不应更改.请看一下我的专栏模型:
{
    name : 'available',width : 12,resizable: true,editable: true,align: 'center',edittype:'checkBox',formatter: "checkBox",formatoptions: {disabled : false},classes:'check',editrules:{required:false},editoptions:{size:39,value:"True:False"}
}

我正在尝试在选中复选框时捕获事件,目前它们都未经检查,到目前为止我已经尝试过:

jq(".check input").each(function(){
    jq(this).click(function(){
        aler("works");
    });
});

jq("input[type='checkBox']").change(function(){
    alert("works");
}); 

jq(":checkBox").parent().click(function(evt) {
    if (evt.target.type !== 'checkBox') {
        var $checkBox = jq(":checkBox",this);
        $checkBox.attr('checked',!$checkBox.attr('checked'));
        $checkBox.change();
        alert("");
    }
});

这些都不起作用,我被卡住了,不知道还有什么可以尝试的.

使用firebug检查复选框代码时,它看起来像这样:

<input type="checkBox" offval="no" value="false">

解决方法

自定义格式化程序的使用是其中一种可能性.也可以使用不引人注目的onclick绑定样式

第一个定义

var grid = $("#list"),getColumnIndexByName = function(columnName) {
        var cm = grid.jqgrid('getGridParam','colModel'),i=0,l=cm.length;
        for (; i<l; i++) {
            if (cm[i].name===columnName) {
                return i; // return the index
            }
        }
        return -1;
    },disableIfChecked = function(elem){
        if ($(elem).is(':checked')) {
            $(elem).attr('disabled',true);
        }
    };

然后一个可以在loadComplete中使用代码就好了

loadComplete: function() {
    var i=getColumnIndexByName('closed');
    // nth-child need 1-based index so we use (i+1) below
    $("tbody > tr.jqgrow > td:nth-child("+(i+1)+") > input",this).click(function(e) {
        disableIfChecked(this);
    }).each(function(e) {
        disableIfChecked(this);
    });
}

请参阅相应的演示here.

javascript – JQuery .on()更改事件未触发(页面在.load()内)

javascript – JQuery .on()更改事件未触发(页面在.load()内)

好的,所以我一直在寻找这个问题的答案几个小时,但没有发现任何有效的方法.

我有一个页面,我在.click事件后加载到div中,所以看起来像这样:

$('#mybutton').click( function () { $('#mydiv').load('myinnerpage.aspx'); });

然后我在myinnerpage.js里面我有:

$(document).on('change', 'input[name=rbfileByNameOrID]:radio', function () {
if ($('input#rbByFileName').attr('checked'))
    fileSelectionBy('filename');
else
    fileSelectionBy('fileid'); 
});

更改函数永远不会被触发,除非我自己打开myinnerpage.aspx.

解决方法:

您可以将myinnerpage.js代码放在主javascript中,而不是放在包含的页面中吗?

如果你不能,我不是“好解决方案”,但这可以帮助你:jQueryMobile-Navigation在用ajax加载页面时遇到了同样的问题,并且他们使用了非jquery解决方案来解决这个问题.在他们的$.ajax->成功中,他们使用innerHTML:

[...]

//workaround to allow scripts to execute when included in page divs
all.get( 0 ).innerHTML = html;

[...]

你可以看到他们的完整代码here.

它适用于页面div中包含的script-tag和inline-javascript.

javascript – Jquery datepicker更改事件触发器和输入的默认更改事件

javascript – Jquery datepicker更改事件触发器和输入的默认更改事件

我有datepicker
<input type='text'>  
<script>
   $('.inp').datepicker();

  $(".inp").on("change",function (){ 
   console.log('inp changed');
  });
</script>

当我第一次更改’.inp’时,键入一个值,然后立即点击datepicker的打开的日历.我收到两个’change’事件的听众.首先从手动更改,然后从datepicker更改.
我该如何避免这种情况?谢谢!

解决方法

设置您的输入readOnly,它将帮助您仅通过图标更改字段的值.
<input type='text'readOnly />

然后使用onSelect获取选定的日期,如下所示:

$(function() {
    $(".inp").datepicker({
        onSelect: function(dateText,inst) {
            // alert(dateText);
        }
    });
});

我们今天的关于JavaScript表单操作更改事件js修改表单的值的分享就到这里,谢谢您的阅读,如果想了解更多关于javascript – HTML日期时间 – 本地更改事件?、javascript – jqgrid复选框更改事件、javascript – JQuery .on()更改事件未触发(页面在.load()内)、javascript – Jquery datepicker更改事件触发器和输入的默认更改事件的相关信息,可以在本站进行搜索。

本文标签: