當前位置:首頁 » 網頁前端 » 前端實現點擊按鈕復制一張表單
擴展閱讀
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="點擊復制代碼" />