用jQuery 写前端 关于不执行的问题

今天经过反复的测试，总结了几个点，下面和大家分享一下，

这个程序是记录访问者的ip地址和访问时间，程序的前端是这样的》》》

var map = new BMap.Map("allmap");
var city=null;

function myFun(result){
var cityName = result.name;
map.setCenter(cityName);
document.getElementById('city').value=cityName;
city = cityName;
return cityName;
}

var myCity = new BMap.LocalCity();
myCity.get(myFun);

</script>

<script language="javascript">
jQuery(function($){
var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_='+Math.random();
$.getJSON(url, function(data){
document.getElementById("ip").value=data.Ip
ip = document.getElementById("ip").value;
myCity.get(myFun);

$.post("GetIpTime",
{
ip:data.Ip,
city:city
},
function(data,status){
// alert("Data: " + data + "\nStatus: " + status);
});
});
})
</script>
<form action="address_getIpAddress.action" method="post">
你的ip：<input type="hidden" id="ip" name ="ip" class="ip"><br>
你的位置：<input type="text" id="city" name ="city" class="city">
<input type="submit" value="...">
</form>

这是起初测试是的代码，能够完美运行，但是页面显示是多了一个form表单



这个效果当然不是。我想要的，所以我就在上服务器上发布的时候把这个 form表单给删除了，结果就是整个都不好了，记录功能没有了，主要的功能没有那还了得，赶紧的我就开始找是哪里的问题，看看整个代码没有什么错误，我就回想发布前我就做了哪些修改，就是下面的form表单的代码，我给他删了。

<form action="address_getIpAddress.action" method="post">
你的ip：<input type="hidden" id="ip" name ="ip" class="ip"><br>
你的位置：<input type="text" id="city" name ="city" class="city">
<input type="submit" value="...">
</form>

在细细的看代码，上文的代码是和这段代码有关联的，就是这两行。。

document.getElementById('city').value=cityName;
document.getElementById("ip").value=data.Ip

form删除之后，就找不到相应的id了，于是代码就不会向下执行了，关于修改方法，可以把这两行代码删除掉，也可以吧这个form隐藏起来，就是把type=”text” 中text换成hidden，前面的显示文本删除掉就好了。随自己的意愿吧！

大家千万不要因为一时粗心，而耽误大把的时间。。。。。。。。。。