select二级联动,并用jq遍历ajax传递的json,并变成option
2015-11-12 18:16
656 查看
先给一个select的id叫pid,然后如果改变,则传递ajax
$("#pid").change(function(){ var pid=$("#pid").val(); shijianduan(pid); });
<span style="white-space:pre"> </span>function shijianduan(pid) { <span style="white-space:pre"> </span>var smallname = $("#shijianduan"); <span style="white-space:pre"> </span> $("option",smallname).remove(); //清空原有的选项,不然会把原来的和当前的option混合 <span style="white-space:pre"> </span>$.ajax({ url:"{:U('guanlisjd')}&pid="+pid, success: function(data) { <span style="white-space:pre"> </span>var newarray = eval(data); for(var i=0; i<newarray.length; i++){ var option = "<option value= '"+newarray[i].id+"'>"+newarray[i].startdate+"~"+newarray[i].enddate+"</option>"; $("#shijianduan").append(option); } } }); <span style="white-space:pre"> </span>}//其中newarray[i].后面可以加你自己的东西因为怕麻烦,就没把完整的代码上传,这只是提供一个思路,其中的一些方法还是可以参考的。
相关文章推荐
- JSP状态管理之cookie
- xml解析和json解析的对比
- javascript基础之基本数据类型
- 关于json-lib 和hibernate一起使用的时候出现死循环的解决办法
- js正则表达式验证手机号码,用户名和邮箱
- mousewheel.js 和scroll api
- js获取当前域名
- 函数和原型
- 转:js数据类型判断和数组判断
- js var变量Unknown判断
- JavaScript 打印调用堆栈
- JSON详细了解-(重在理解,不在手把手教你怎么用)
- JSONArray 转list
- FastJson简单使用
- js中typeof与instanceof区别
- 认识json(JavaScript 对象表示法)
- javascript(EcmaScript 5)的严格模式
- javascript自定义对象
- js弹出遮罩层
- CreateJs系列教程之 EaselJs_4_绘制图片(Bitmap)