Wie wird ein Formular in einen Website-Zielort eingegeben?

Question

Ich habe ein Auswahlformular in HTML gemacht und ich möchte den ausgewählten Wert Teil der URL-Ziel, wenn sie es übermitteln. Beispiel:

<form> 
<select name="state" id="state"> 
       <option value="AK">Alaska</option> 
       <option value="AL">Alabama</option> 
       <option value="AR">Arkansas</option> 
       <option value="AZ">Arizona</option> 
       <option value="CA">California</option> 
    </select> 
<input type="submit" value="submit"> 
</form> 

Und wenn sie sich entscheiden, lassen Sie uns „CA“ sagen, möchte ich die Taste, um „www.example.com/ca.html“ Eintragen gehen.

Hier ist meine JS:

var stLocation = document.getElementById("state").value; 
    window.location.href = 'www.example.com/stLocation.html'; 

Answer 1

Zunächst einmal müssen Sie Ihre jQuery-Bibliothek zu Ihrem Skript. Dann versuchen Sie diesen

$('button').click(function(){ 
    selectedValue = $('select').val().toLowerCase(); //I converted it to lowercase due to the case difference in your value and your url 
    window.location.href = "http://www.example.com/"+selectedValue+".html"; 
}); 

Aber wenn sie in einem form Tag der Verwendung dieses anstelle

$('form').submit(function (e){ 
    e.preventDefault(); 
    selectedValue = $('select').val().toLowerCase(); //I converted it to lowercase due to the case difference in your value and your url 
    window.location.href = "http://www.example.com/"+selectedValue+".html"; 
});