jquery中怎么在点击确认按钮后在动态生成的button中显示text文本框中内容

<script src="Scripts/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $(".btn").click(function () { var html = $("<input type='button' id='testBtn' value='Test'>"); $(".main").append(html); }); }); </script></head><body style="background:url('image/1.jpg')no-repeat"> 输入的文本:<p/> <div class="main"> <input type="text" id="wenben" /><input type="button" value="确认" class="btn" /></div></body>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () { 
$(".btn").click(function () { 
var html = $("<input type='button' id='testBtn'>");
$(html).val($("#wenben").val()); 
$(".main").append(html); 
}); 
}); 
</script>
</head>
<body style="background:url('image/1.jpg')no-repeat"> 
<p>输入的文本:<p/> 
<div class="main"> 
<input type="text" id="wenben" />
<input type="button" value="确认" class="btn" />
</div>
</body>
</html>

温馨提示:内容为网友见解,仅供参考
无其他回答

用jQuery如何单击一个按钮然后显示一个文本框出来
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<\/title> <script src="http:\/\/libs.baidu.com\/jquery\/1.9.1\/jquery.js"><\/script> <script type="text\/javascript"> $(document).ready(function () { $(".btn").click(function (...

怎么做点击button就可以按照textbox里面的内容去数据库搜索
一、如果你用服务器控件的话,在设计界面直接双击button后会跳到.CS界面,在刚刚添加的click事件中添加你的代码。获取textbox内容的代码是:textbox.Text 二、如果你使用的是html标签的话。用javascript。假设你的textbox的id=“txt1”,用jquery获取该textbox内容方法为:$("#txt1").val();然后在...

jquery如何实现点击按钮文本替换成输入框的内容?
创建Html元素:span标签用于点击按钮后复制文本的区域,文本域用于文本的输入 <div class="top"><span><\/span><textarea><\/textarea><br><input type="button" value="提交"><\/div>简单设置一下css样式 div.top{width:500px;height:150px;margin:50px;}span{display: inline-block;width:330px...

用jquery如何点击button按钮调用后台方法查询数据返回到弹出框内
1、新建一个html文件,命名为test.html,用于讲解如何用jquery实现点击按钮文本框内的文字加粗。2、在test.html文件内,使用input标签创建一个文本框,用于文字的输入。3、在test.html文件内,设置input标签的id为testid,主要用于下面通过该id获得input对象。4、在test.html文件内,使用button标签创建一个...

js或者jq点击按钮弹出一个对话框里面有input,填写后返回页面显示填写的...
<input type="button" onclick="disp_prompt()" value="显示一个提示框" \/> <\/body> <\/html> 注意事项:JS是javascript的缩写,是一种用于web开发的脚本代码。打开任何网页,右键点击查看源代码,开始是javascript代码JQ是JQuery的缩写,是将一些强大的JS代码写进一个文件中,可以通过参考JQ实现更...

如何使用jquery实现点击按钮弹出一个对话框
有很多方法实现的,比如使用alert这种比较丑的弹框,比如 btn.click(function(){ window.alert('内容')});或者是自己自定义的弹框,那这样的话你至少得套三个div,比如 <div>--->这个绝对定位到整个页面,如position:absolute;top:0;left:0;right:0;bottom:0;<div>--->这个在父级元素上面做...

HTML表单里怎样用JS检查checkbox勾选了并且文本框有内容
这个是用jQuery判断的,其中的id是需要你修改的当然你也可以用class。而这个判断如果直接写在js里因为只判断一次所以当你改变的时候也许会判断错误,在判断之前要交一个复选框改变时间或者文本框改变事件,也就是change()时间。合在一起就是 ("#复选框的id").click(function(){ if($("#id")....

jQuery文档操作中text()的用法
1设置文本内容 当该方法用于设置值时,它会覆盖被选元素的所有内容。例子:(selector).text(content)参数 content 描述 规定被选元素的新文本内容。注释:特殊字符会被编码。<html><head><script type="text\/javascript" src="\/jquery\/jquery.js"><\/script><script type="...

jQuery调用实现点击按钮切换文本框显示和隐藏不行
将if($('p').is('visible'))修改为if($('p').is(':visible')),也就是少了一个冒号。希望对你有用!

如何通过JQuery获取button的text属性
第一个问题:var d=$("#btn");b.text();就可以获取按钮上的文本;第二个问题:要取后台方法的值,要使用ajax,后台返回true,前台就可以得到true。

相似回答