Question

只有在不同的下拉选项之间进行更改时，才会在加载页面时执行此脚本。我应该怎么做才能使它.hide（）案例0：从一开始的字段？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript">
<script>
jQuery(document).ready(function () {

jQuery("select[id='DROPDOWNID']").change(function () {

        var selectedIndex = jQuery("DROPDOWNID']").prop('selectedIndex');

        switch (selectedIndex) {
            case 0:
                jQuery("input[id='IDFROMSHAREPOINT']").closest('tr').hide("fast");

                break;
            case 1:
                jQuery("input[id='IDFROMSHAREPOINT']").closest('tr').show("fast");
                break;
        }
    });
});
</script>

Answer 1

试试jQuery("select[id='DROPDOWNID']").trigger("change");。这样您就可以重用您的逻辑。

您的代码如下：

jQuery(document).ready(function () {

jQuery("select[id='DROPDOWNID']").change(function () {

        var selectedIndex = jQuery("DROPDOWNID']").prop('selectedIndex');

        switch (selectedIndex) {
            case 0:
                jQuery("input[id='IDFROMSHAREPOINT']").closest('tr').hide("fast");

                break;
            case 1:
                jQuery("input[id='IDFROMSHAREPOINT']").closest('tr').show("fast");
                break;
        }
    });

    jQuery("select[id='DROPDOWNID']").trigger("change");
});

Answer 2

在更改处理程序之前添加以下行。

jQuery("input[id='IDFROMSHAREPOINT']").closest('tr').hide();

所以代码是

jQuery(document).ready(function ()
{
    jQuery("input[id='IDFROMSHAREPOINT']").closest('tr').hide("fast");

    jQuery("select[id='DROPDOWNID']").change(function ()
    {
        var selectedIndex = jQuery("DROPDOWNID']").prop('selectedIndex');
        switch (selectedIndex)
        {
            case 0:
                jQuery("input[id='IDFROMSHAREPOINT']").closest('tr').hide("fast");
                break;
            case 1:
                jQuery("input[id='IDFROMSHAREPOINT']").closest('tr').show("fast");
                break;
        }
    });
});

打开页面时加载jQuery操作

2 个答案: