how to catch java script values to java/jsp

<script>
var connectionValue=0;

//var input=<input type='hidden' name='connection'+connectionValue id='connection'+connectionValue />;

function mappingConnections(from,to){
//alert('from'+from);
alert('to'+to);
document.getElementById('mappingConnections').innerHTML+="<input type='hidden' id='mconnection"+connectionValue+"' />";
alert('from1 :'+from);
alert('connection1 :'+from);
alert('from0 :'+document.getElementById('mappingConnections').innerHTML);
var abc = from+"::"+to;
MappingConnection[connectionValue] = abc;

//document.getElementById('mconnection'+connectionValue).value=
alert('from01 :');
alert('from0 :'+document.getElementById('mappingConnections').innerHTML);
/*var field = document.connection.createElement("input");
alert('from1 :'+from);
field.setAttribute("type","hidden");
alert('from2 :'+from);
field.setAttribute("value",from+"::"+to);
alert('from3 :'+from);
field.setAttribute("name","connection"+connectionValue++);
alert('from4 :'+from);
document.getElementById("connection").appendChild(field);*/
alert('from5 :'+from);
connectionValue++;
}

function allConnections(){
var totalvalue;
alert(connections.length);
for(i =0 ; i< connectionValue ; i++)
    {
    document.getElementById('mconnection'+i).value=MappingConnection[i];
        totalvalue=totalvalue+"$$"+MappingConnection[i];
    alert(" i value :"+document.getElementById('mconnection'+i).value);
    }
    document.getElementById('connectionValue').value=connectionValue;
        alert("total value"+totalvalue);
        document.getElementById('mconnection1').value=totalvalue;
 alert(connections);
   
}
mappingConnection(value1,value2);
</script>
<form method="post"  name="connection" action="new.htm">
               
             <div  id="mappingConnections">
             <input type="hidden" name="connectionValue" id="connectionValue"/>
                          <input type="hidden" name="mconnection1" id="mconnection1"/>
              </div>
                                 
              <div class="buttonsDiv">
                     <input name="" type="button" value="Back" class="standerd_btn" onClick="parent.location='mapFields.htm'" />
                     <input name="Input" type="submit" value="Next" class="standerd_btn" onClick="allConnections();"/>
              </div>
                        </form>