Wie Eingabefelder Form Formular in URL injizieren?

Question

Ich versuche, ein Formular so einzurichten, um ein neues Fenster zu senden öffnet die Eingabefelder in die URL. Im Moment ist es nur die Seite zu aktualisieren, so bin ich mir nicht sicher, was fehlt hier, Ein Rat ist hilfreich!

!! --- Aktualisierung --- !!

Da im DNN ist die Website in .aspx und die ganze Seite ist ein Formular (so in thery im Versuch, ein Formular in einem Formular zu erstellen, weshalb es nicht funktioniert) apparently ich muss mit tun:

onClick="this.form.action='https://www.paypal.com/cgi-bin/webscr';this.form.submit();"

<form method="GET" target="_blank" action="https://www.youtube.com/" > 
 
<input id="street_1" name="street_1" placeholder="" type="text" /> 
 
<input id="street_2" name="street_2" placeholder="" type="text" /> 
 
<input id="suburb" name="suburb" placeholder="" type="text" /> 
 
<input id="City" name="City" placeholder="" type="text" /> 
 
<input id="Postcode" name="Postcode" placeholder="" type="text" /> 
 
<button type="submit" id="submit">Submit</button> 
 
</form>

Vielen Dank im Voraus !!

Answer 1

Für diejenigen, die neugierig sind .. heres, wie ich meine Aufgabe erfüllt:

Dank der jsfiddle ich hier gefunden habe http://jsfiddle.net/t8kAS/

<fieldset> 
    <legend>Customize Link</legend> 
    Value 1: <input type="text" id="street_1" class="jsCustomField" /><br /> 
    Value 2: <input type="text" id="street_2" class="jsCustomField" /><br /> 
    Value 3: <input type="text" id="suburb" class="jsCustomField" /><br /> 
    Value 4: <input type="text" id="city" class="jsCustomField" /><br /> 
    Value 5: <input type="text" id="postcode" class="jsCustomField" /> 
</fieldset> 
<a href="https://www.randomurl.com/stuff/id?street_1=&street_2=&suburb=&city=&postcode=" id="dynLink" target="_blank">Click Me!</a> 

    $(function() { 
     var linkTemplate = "https://www.randomurl.com/stuff/id?street_1={0}&street_2={1}&suburb={2}&city={3}&postcode={4}", 
      $input1 = $("#street_1"), 
      $input2 = $("#street_2"), 
      $input3 = $("#suburb"), 
      $input4 = $("#city"), 
      $input5 = $("#postcode"), 
      $dynLink = $("#dynLink") 

    $(".jsCustomField").on("change", function() { 
     var customLink = linkTemplate.replace("{0}", $input1.val()) 
             .replace("{1}", $input2.val()) 
             .replace("{2}", $input3.val()) 
             .replace("{3}", $input4.val()) 
             .replace("{4}", $input5.val()); 
     $dynLink.attr("href", customLink); 
    }); 


});