jquery与弹出层控制
2014-03-25 14:19
375 查看
就这个弹出框,偷懒了,用的是现成的fbmodal,现在要在弹出框上实现数据提交,碰到两个问题
1、添加按钮用原来jquery的click那套就不灵了,因为主页面打开时这个弹出框还不存在,后来试出来一个live解决了问题,这个live和bind的区别就是可以用在未来动态生成的元素上
2、input拿不到值,这个是因为弹出div其实重复了原来的div的元素,所以用jquery选择器时要用上$('')[1].value
$("#okay").live("click", function() { if ($("input[id = 'sname']")[1].value.trim() != "" && $("input[id = 'sheight']")[1].value.trim() != "" && $("input[id = 'sweight']")[1].value != "" && $("input[id = 'smh1']")[1].value != "" && $("input[id = 'smh2']")[1].value != "" && $("input[id = 'smh3']")[1].value != "" && $("input[id = 'sprl']")[1].value != "" && $("input[id = 'se2']")[1].value != "" && $("input[id = 'sp']")[1].value != "" && $("input[id = 'shcg']")[1].value != "") { $.ajax({ url: "Service.asmx/CreateByWeb", type: "POST", data: { ID: $("input[id = 'sid']")[1].value, Name: $("input[id = 'sname']")[1].value, Dept: $("input[id = 'sdept']")[1].value, Logday: $("input[id = 'slogday']")[1].value, Birthday: $("input[id = 'sbirthday']")[1].value, Height: $("input[id = 'sheight']")[1].value, Weight: $("input[id = 'sweight']")[1].value, LMP: $("input[id = 'slmp']")[1].value, MH: $("input[id = 'smh1']")[1].value + "_" + $("input[id = 'smh2']")[1].value + "_" + $("input[id = 'smh3']")[1].value, PRL: $("input[id = 'sprl']")[1].value, E2: $("input[id = 'se2']")[1].value, P: $("input[id = 'sp']")[1].value, HCG: $("input[id = 'shcg']")[1].value, Result: $("select[id = 'sresult']")[1].value }, dataType: "json", success: function(result) { alert(result[0].value); }, error: function(e) { console.log(e); } }); } else { alert("所填信息不能为空!"); } });
相关文章推荐
- jquery show hide 显示和隐藏失效/不起作用
- jquery获取下拉框的值
- jquery禁用动画
- asp gb2312 jquery ajax中文乱码解决
- CSS实现覆盖弹窗(效果如JQuery-UI的Dialog)
- jQuery $(this).attr(‘checked’)出现undefined的问题
- jquery 操作dom元素
- jquery 隐式迭代
- js、jquery操作html控件
- jquery attr方法
- 【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件
- jquery json解析详解
- js jquery 设置cookie
- jQuery1.11源码分析(1)-----Sizzle源码概览[原创]
- jquery 为表单动态添加元素
- jquery获取php二维数组 通过json方式传送
- Jquery对数组的操作技巧
- jquery 循环获取checkBox的值,以及对复选框选中,取消,操作按钮
- JQuery基础
- 解决 Jquery validation remote 验证的缓存问题