如何將一個表單標籤中的元素轉換爲另一個表單標籤中的javascript

Question

我有2個表單標籤。在form1標籤中，我有一個複選框的列表。在表單2中，我有一個href鏈接。當我點擊鏈接時，我想獲取第一個表單標記的複選框並處理第二個表單標記的操作。

如：

1表單標籤

<form action=""> 
    <!-- checkboxes list --> 
</form> 

第二形式標籤

<form action=""> 
    <!-- href --> 
</form> 


    I have tried the following code 
form1 
    <form action="abc.pl" id="sel"> 
    <input type="checkbox" name="option1" value="Milk"> Milk<br> 
    <input type="checkbox" name="option2" value="Butter" checked> Butter<br> 
    </form> 
form 2 
<form id="myform" action="xyz.pl" method="POST"> 
<a href="#" id="mylink"> submit </a> 
</form> 

javascript code is 
<script> 
    window.onload = function() { 
document.getElementById('mylink').onclick = function() { 
    document.getElementsById('sel').submit(); 
    return false; 
    }; 
    }; 

我想形式1和形式處理2行動的複選框列表。請幫助我如何實現這一目標。

Answer 1

我希望這是你在找什麼

<form action="abc.pl" id="sel"> 
    <input type="checkbox" name="option1" value="Milk"> Milk<br> 
    <input type="checkbox" name="option2" value="Butter" checked> Butter<br> 
    </form> 
form 2 
<form id="myform" action="xyz.pl" method="POST"> 
<a href="#" id="mylink"> submit </a> 
</form> 

javascript code is 
<script> 
    window.onload = function() { 
     document.getElementById('mylink').onclick = function() { 
      document.getElementById("sel").action = document.getElementById("myform").getAttribute("action"); 
      document.getElementById('sel').submit(); 
      return false; 
     }; 
    }; 
</script>