您的位置:首页 > Web前端 > JQuery

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("所填信息不能为空!");
}
});


 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: