【问题标题】:Trigger onchange action jquery触发onchange动作jquery
【发布时间】:2019-05-18 19:34:46
【问题描述】:

我有一个带有 onchange 属性的选择框 我可以更改框的值,但不能自动触发 onchange

<select name="name" id="id7c7" onchange="if (function()...."> 

$(document).ready(function() {

var id1 = $( "select:first-of-type" ).attr('id')
var event = new Event('onchange', { 'bubbles': true });


console.dir();

// sets first drop to category
$( "select:first-of-type" ).val( "2" );
$( "select:first-of-type" ).dispatchEvent(event)'



});

【问题讨论】:

    标签: jquery html events select listener


    【解决方案1】:

    删除这个:$( "select:first-of-type" ).dispatchEvent(event)'

    改为插入:$("#id7c7").trigger( "change" );

    这会在您的选择输入上触发更改事件。我尝试使用警报作为 onchange 功能,按预期工作。

    【讨论】:

    • 试过它也不起作用元素名称是基于页面加载的变量我将如何调用var
    • $(document).ready(function() { var id1 = $( "select:first-of-type" ).attr('id') var id2 = "#" + $( "select:first-of-type" ).attr('id') console.dir(); // 将第一滴设置为类别 $( "select:first-of-type" ).val( "2" ); $(id2).trigger("改变");});
    • 我发布的代码完全符合您的要求:当您的脚本更改所选选项时触发更改事件。见codepen.io/happy_ant/pen/EzvPpL。如果它对您不起作用,那么您的其余代码一定有问题。你从来没有告诉任何人你的代码是动态的,所以你最初的问题得到了回答。据我所知,不允许扩展已发布的问题,因此您必须打开一个新问题。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多