Question

大家都使用以下代码或者真的

<script type="text/javascript">$('#matTypeMst').val('2').trigger('change'); </script>

<script type="text/javascript">$('#matTypeMst').trigger('change'); </script>

尝试首先在选择框中预先选择一个值，然后触发连接到它的onchange事件，但由于某种原因，它不会激发任何人的帮助

感谢

Answer 1

您可以尝试这样： -

<script type="text/javascript"> 
   $(document).ready(function(){

    $('#matTypeMst').val('2').trigger('change'); 

    })
</script>

Answer 2

的jQuery

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

这些人在DOM加载时都会被触发。第二种方法只是简写，它们是相同的。

$(window).load(function() { ... });

在加载文档及其所有资源（脚本，样式，图像等）时触发。

Vanilla JS

window.addEventListener('load', function() { ... }, false);

与jQuery的$(window).load()相同，但没有jQuery。

HTML

您还可以使用DOM来运行事件。你不需要jQuery。

<body onload="initialize();">

当身体被装载时，身体的onload会被射击。

    <script type="text/javascript">initialize();</script>
</body>

通过在身体末端运行脚本，可以确保加载DOM。

Answer 3

在准备好的功能中执行

在文档“准备就绪”之前，无法安全地操作页面。 jQuery为您检测这种准备状态。包含在$（document）.ready（）中的代码只有在页面文档对象模型（DOM）准备好执行JavaScript代码后才会运行。包含在$（window）.load（function（）{...}）中的代码将在整个页面（图像或iframe）（而不仅仅是DOM）准备就绪后运行。

<script type="text/javascript">

    $(document).ready(function(){

    $('#matTypeMst').val('2').trigger('change'); 

    });

 </script>

Learn more about ready here

Answer 4

脚本运行时可能未加载DOM。将它包装在这样的document.ready处理程序中......

<script type="text/javascript">
    $(function() {
        $('#matTypeMst').val('2').trigger('change');
    });
</script>

Answer 5

您必须使用

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

Documentation

页面加载时触发jquery事件

5 个答案:

的jQuery

Vanilla JS

HTML