Javascript 在HTML中添加java时遇到问题，我缺少什么？

试着做一些简单的事情。我是初学者，所以这是全新的。代码在JSFIDLE中工作，但如果我将其保存为.html文件并尝试上载/打开它，脚本将不再工作

我正在尝试使用Jquery脚本-

$（'getdata'）。在（'click'，函数（）{
var formCategory=$（'#categories'）.val（）；
var formAddress=$（'#address'）.val（）；
var formTown=$（'#town'）.val（）；
var formInfo=$（'#info'）.val（）；
$（'form#u Alert'）.val（''+formTown+''|'+formCategory+''|'+formAddress+'+formInfo）；
});在将目标元素添加到dom之前执行脚本，因此事件处理程序不会添加到元素中

因此，解决方案是在处理程序中添加事件处理程序注册，如

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script language="JavaScript">
    jQuery(function ($) {
        $('#getdata').on('click', function () {
            var formCategory = $('#categories').val();
            var formAddress = $('#address').val();
            var formTown = $('#town').val();
            var formInfo = $('#info').val();
            $('#form_Alert').val('' + formTown + ' |' + formCategory + '| ' + formAddress + ' ' + formInfo);
        });
    })
</script>


jQuery（函数（$）{
$（'#getdata'）。在（'单击'，函数（）上）{
var formCategory=$（'#categories'）.val（）；
var formAddress=$（'#address'）.val（）；
var formTown=$（'#town'）.val（）；
var formInfo=$（'#info'）.val（）；
$（'form#u Alert'）.val（''+formTown+''|'+formCategory+''|'+formAddress+'+formInfo）；
});
})

默认情况下，在JSFIDLE中，脚本添加到
窗口中。onload
处理程序（左面板
框架和扩展下的第二个下拉菜单）就是它工作的原因。如果您将其更改为
No Wrap-in
，它在那里也不会工作。
这里的java是什么意思？java！=javascript。一点也不：-）您必须使用dom就绪处理程序。。。执行脚本时，目标元素尚未添加到DOMI中。如果将其保存为文件，并尝试将文件直接加载到浏览器（没有web服务器），则可能会遇到安全限制。对不起，我想是指javascript！我将尝试使用web服务器执行此操作，看看问题是否得到解决。