您的位置:首页 > 编程语言 > Python开发

python内部执行过程

2016-01-22 17:51 405 查看
看网上很多动态的下拉菜单,都是用的div实现。
我这个是对select进行更改,更简单一些。

html文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript" charset="utf-8" src="jquery.js"></script>
</head>
<body>
<div>
<select id="input1" name="input1" type="text" style="width:100px" ></select>
</div>
</body>
<script type="text/javascript">
$("#input1").focus(function(){
//$("#input1").empty();
//看是否有选项,有则不加载
if(this.options.length>0)
return ;
//加载动态数据,这里直接用js文件,里面是个json数据,可以从后台得到
$.getJSON("xin.js",function(data){
$.each(data.items,function(i,item){
$("<option value='"+item.dm+"'>"+item.mc+"</option>").appendTo("#input1");
});
});
});

</script>
</html>


js文件

{"items":[{"dm":"1","mc":"werwe"},{"dm":"2","mc":"122"}]}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: