就这个弹出框,偷懒了,用的是现成的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("所填信息不能为空!");
}
});