Question

如何使用外部js文件访问或获取表单内元素的div id？

这是一个例子 asp文件

<html>
<head>
    <script src="jquery.js"></script>
    <script src="jsqueryms.js></script>
    <script src="myjs.js"></script>
    <body onload="initmyjs();">
    <form id="formid">
        <input type="button" id="button"/>
        <div id='dialog'>this is modal dialog</dialog>
    </form>
</head>
</html>

外部js文件

function initmyjs()
{
    if document.getelementby('button')!=null
       {
                document.getelementbyid('button').onlclick=function()
                {
                      $('#dialog').dialog({ modal: true, position: [902, 345], width: 400 });
                }
       }
}

我想要的是在按钮点击后弹出模态对话框，如果脚本在asp页面内，我没有问题，但是如果我把它放在外部js文件中没有发生任何事情，但没有显示脚本错误。我想知道脚本是否正确，除了我无法映射我的div的正确元素ID。提前谢谢。

Answer 1

尝试将myjs.js的内容更改为：

$(document).ready(function() {
    $('#button').click(function() {
        $('#dialog').dialog({ modal: true, position: [902, 345], width: 400 });
    });

    $('[name="linkComment"]').attr('href', '#').click(function() { 
        $("#dialog").dialog({ modal: true, position: [902, 345], width: 400 }); 
    });

    // Other javascript code that needs to run on page load
});

// Other javascript functions used byt he page

然后删除onload标记上的body属性。

如何使用外部js文件获取表单内的div的id

1 个答案: