jquery与弹出层控制


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


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值