JS动态html 绑定事件如何获取值?

问题描述

现在需要做一个弹层,弹出的内容是动态的,然后弹层有个按钮需要保存文本框和动态的信息。遇到的问题是弹层是一个div模板,上面的按钮事件无法获取这个div中文本的值。这个是模板,我想点击确定获取姓名等信息<divid="award1"style="display:none"><divclass="resureclearfix"><inputtype="hidden"id="orderid"value="{1}"/><imgsrc="/content/images/ipad.png"><spanstyle="color:#fe645a">恭喜您获得:{0}</span></div><divclass="notice">请正确填写以下信息,以便发奖</div><divclass="input_xingm">姓名:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<inputtype="text"style="display:inline"id="name"name="name"></div><divclass="input_shouji">手机号码:&nbsp;<inputtype="text"style="display:inline"id="shouji"name="shouji"></div><divclass="input_dizhi"><spanstyle="display:inline-block;float:left;">通讯地址:&nbsp;</span><textareastyle="display:inline;float:left;resize:none;width:170px"id="dizhi"></textarea></div><divclass="btn"style="width:103px"><ahref="#"class="confirm"id="csure">确定</a></div><divclass="close"id="closeipad"></div></div>

弹层函数functionpopDiv(div){varscreenwidth,screenheight,mytop,getPosLeft,getPosTopscreenwidth=$(window).width();screenheight=$(window).height();mytop=$(document).scrollTop();getPosLeft=screenwidth/2-200;getPosTop=screenheight/2-150;varoDiv=document.createElement('div');oDiv.id="layer8";oDiv.innerHTML=div;$(oDiv).css({"left":getPosLeft,"top":getPosTop});//添加并显示遮罩层$("<divid='mask'></div>").addClass("mask").appendTo("body").fadeIn(200);//$(oDiv).fadeIn();//toggle("slow");$("#mask").click(function(){$(oDiv).fadeOut();$(this).remove();});$(oDiv).addClass("layer8").appendTo("body").fadeIn();//toggle("slow");}

解决方案

解决方案二:
用JS获取不到?
解决方案三:
1varuserName=$('#name').val();按钮用ajax异步提交,调用后台方法去保存。2将$('#name').val()赋值给asp.net的hidden控件,点击按钮后,触发后台事件,后台直接获取hidden控件的值不知道是不是这个意思
解决方案四:
你确定按钮的绑定事件呢?
解决方案五:
通篇没看到你的click绑定事件,你是在哪里绑定的

时间: 2024-10-31 16:44:24

JS动态html 绑定事件如何获取值?的相关文章

jquery on-jQuery on绑定事件无法获取this的值

问题描述 jQuery on绑定事件无法获取this的值 <div class="login_half"> <input name="username" value="请输入用户名" title="请输入用户名" class="field tooltip" /> </div> jQuery(document).ready(function () { jQuery(&quo

JS动态给对象添加属性和值的实现方法_javascript技巧

如下所示: var obj={}; for(var i=0;i<10;i++){ eval("obj.p"+i+"="+i); } 以上就是小编为大家带来的JS动态给对象添加属性和值的实现方法全部内容了,希望大家多多支持~ 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js 北京赛车冠亚和值技巧.时时彩和值技巧.福彩3d和值计算技巧.快3和值技巧.重庆时时彩和值技巧,以便于您获取更多的

js动态添加onclick事件可传参数与不传参数_javascript技巧

1)当方法没有参数时,赋值可以直接用onclick = 方法名 window.onload = function() { $('btnTest').onclick = test; } function test() { alert(val); } 2)当方法有参数时,用onclick = 方法名(参数)时就有错了,需要在方法名前面加function() window.onload = function() { $('btnTest').onclick= function() { test(1)

如何利用js动态修改object的param的值,然后重新加载

问题描述 <divstyle="width:720px;height:700px;float:left;z-index:-9999;"><objectid="obj_today"name="CountXaml"data="data:application/x-silverlight-2,"type="application/x-silverlight-2"width="100%&

js 动态加载事件的几种方法总结_javascript技巧

有些时候需要动态加载javascript事件的一些方法往往我们需要在 JS 中动态添加事件,这就涉及到浏览器兼容性问题了,以下谈及的几种方法,我们也常常混合使用. 方法一.setAttributevar obj = document.getElementById("obj");obj.setAttribute("onclick", "javascript:alert('测试');"); 这里利用 setAttribute 指定 onclick 属

动态的绑定事件addEventListener方法的使用_javascript技巧

复制代码 代码如下: <script language = "javascript" type = "text/javascript"> function test(){ window.alert("你投了一次票"); //解除绑定事件 document.getElementById("but1").removeEventListener("onclick",test); } </scri

js动态设置鼠标事件示例代码_javascript技巧

复制代码 代码如下: obj.onmouseover=function (){ $("#vote").html("赞过了"); } obj.onmouseout=function (){ $("#ssvote").html("赞(" + vote_num+")"); }

js checkbox全选并将获取值放到input里边_表单特效

复选1 复选2 复选3 复选4 请把复选1.复选2.复选3.复选4的值传到下面文本框中,中间以","分隔.

js实现动态创建的元素绑定事件_javascript技巧

新创建的元素用传统的办法无法绑定,需要用live方法. 例: $('.rule').live('mouseover', function () { $(this).addClass("cancelable"); 以上这篇js实现动态创建的元素绑定事件就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js javascript 动态绑定.动态