当前位置:首页 » 网页前端 » 前端实现点击按钮复制一张表单
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端实现点击按钮复制一张表单

发布时间: 2022-04-03 20:41:18

1. Js 实现点击复制表单内容 , 表单内容的复制。

js实现点击后将文字或图片复制到剪贴板的方法,代码非常简洁实用,具体功能代码如下所示:

<table width="99%" border="0" cellpadding="0" cellspacing="0" class="firtable">
<tr>
<th width="100%" style="color: white;"><s:text name="询单明细"></s:text></th>
</tr>
<tr>
<td align="center">
<textarea name="inquiryContact1" id="inquiryContact1" rows="15" cols="60" readonly="readonly"></textarea>
<div id="inquiryInfoDIV" style="display:none">
<s:property value="inquiryContact" escape="false"/>
</div>
<script> dojo.byId("inquiryContact1").innerText=dojo.byId("inquiryInfoDIV").innerText;
</script>
</td> </tr>
<tr>
<td align="center">
<input type="button" id="button" name="button" value="复制" onclick="Contact()"/>
</td> </tr> </table>

<script type="text/javascript">
var i = 0 ;
function Contact(){
var contat = document.getElementById("inquiryContact1").value;
window.clipboardData.setData('text', contat);
if(window.clipboardData.getData('text')==''){
if(i==1){
alert("复制失败,请手动Ctrl+C快捷键复制!");
}else{
alert("复制失败,请重新复制!");
i = 1;
}
}else{
alert("内容已经复制到剪贴板!");
}
}
</script>

2. js实现表单映射,复制信息到备忘录,点击确定,信息赋值在相对应input框内

<textareaid="ta"></textarea>
收货人:<inputtype="text"/>
...
...



<script>
vartxts=document.querySelectorAll("input[type='text']");
varstr="姓名:kkk地址:sadfaf联系电话:23邮箱:[email protected]手机:112";
//varstr=ta.value;
varreg=/[^:: f x20]+[:: f x20]+([^:: f x20]+)/g;
vari=0;
while(reg.exec(str)){
txts[i++].value=RegExp.$1;
}
</script>

3. 点击按钮把一个form表单中的数据提交到2个表中

点击按钮把一个form表单中的数据提交到2个表中

采用js提交from表单,这样就会把表单一个个提交了,只能一个个提交,不能同时提交,

$("form1").submit(function(e){

alert("Submitted");

});

$("form2").submit(function(e){

alert("Submitted");

});

如果input过多可以隐藏当前div页,点击下一页显示div2,在提交。

4. JS代码中div的复制怎么实现 通过点击复制按钮又新生成一个一摸一样的div

function pa()
{
var strbr="<div id=\"name\" style=\"height:50px; width:450px;\">"
strbr=strbr+ document.getElementsByName("name").innerHTML;
strbr=strbr+ "</div>";
return strbr;
}
返回的值就是一个新的div

5. 如何复制表单

点击那三个小点点,然后第一个就是复制,不过这个只能复制表单字段的哈,提交的数据可是复制不过来的

6. html前端如何将一个页面表单内的数据全部传递到另一个页面

伪代码:form method=post action=另一个页面
参考:http://www.w3school.com.cn/tags/tag_form.asp

7. js怎样把左边文本框中多选的内容点击表单按钮复制到右边文本框中

完美无瑕的代码,呵呵

<script>
function right_move()
{
var con_data=[];
for(var i=0;i<$("left_").length;i++)
{
if($("left_").options[i].selected)
con_data[con_data.length]=[$("left_").options[i].value,$("left_").options[i].text];
}

$("right_").length=$("right_").length;
for(var i=0;i<con_data.length;i++)
{
var con_fla=true;
for(var k=0;k<$("right_").length;k++)
{
if(con_data[i][0]==$("right_").options[k].value)
con_fla=false;
}
if(con_fla)
$("right_").options[$("right_").length]=new Option(con_data[i][1],con_data[i][0]);
}
}

function del_right()
{
var index_data=[];
for(var i=0;i<$("right_").length;i++)
{
if($("right_").options[i].selected)
index_data[index_data.length]=[i];
}
for(var i=index_data.length-1;i>=0;i--)
{
$("right_").removeChild($("right_").options[index_data[i]]);
}
}

function $(id){return document.getElementById(id);}
</script>
<body>
<table width="355" height="192" border="1">
<tr>
<td width="128" align="center" valign="middle"><select name="left_" size="7" multiple="multiple" id="left_" style="width:100px;">
<option value="辽宁省">辽宁省</option>
<option value="吉林省">吉林省</option>
<option value="黑龙江省">黑龙江省</option>
<option value="陕西省">陕西省</option>
<option value="江苏省">江苏省</option>
<option value="广东省">广东省</option>
</select></td>
<td width="101" align="center" valign="middle"><input type="button" name="Submit" value=" 右移>> " onclick="right_move()"/>
<br />
<br />
<input type="button" name="Submit2" value=" 删 除 " onclick="del_right();" /></td>
<td width="128" align="center" valign="middle"><select name="right_" size="7" multiple="multiple" id="right_" style="width:100px;">>
</select></td>
</tr>
</table>

8. js循环复制一个div如何实现

用jq吧,$(”父级元素class名“).html("<div>内容</div>");
不过我建议这个不要用div用表格,可以省很多事...操作起来也比较简单

9. 如何实现两个网页表单内容的复制粘贴

可以长按然后会出现复制在长按粘贴就OK了

10. web前端怎么实现点击按钮复制链接

<script type="text/javascript">
function Url() {
var Url = document.getElementById("url1");
Url.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好,可贴粘。");
}
</script>
<input type="text" value="www.xxx.com" id="url1" />
<input type="button" onClick="Url()" value="点击复制代码" />