Verwenden der Dropdown-Liste als Query-String

Question

Ich habe eine Dropdown-Liste in einem Formular

<form id="myForm"> 
    <select> 
     <option>ABC</option> 
     <option>xyz</option> 
    </select> 
</form> 

Wenn ein Element geklickt wird, möchte ich den Benutzer auf eine neue Seite (dh ‚gerichtet wird newpage.aspx '), und diese Seite wird die gewählte Option anzeigen, z innerhalb eines Etiketts (Label1)

Ich habe die zwei Optionen auch in einem Array gespeichert -> myArray = new Array ("ABC", "xyz"), wenn das

Answer 1

1. Machen Sie Ihre Drop- hilft Down-Liste ein ASP.NET-Server-Steuerelement (seit Sie aspx verwenden)
2. In Ihrem Codebehind, erhalten Sie den ausgewählten Wert aus der Dropdown-Liste
3. In Ihrem Codebehind, Response.Redirect auf die URL (newpage.aspx? Wert = ABC)

Answer 2

Zur Zeit nicht getestet, aber ich denke, das sollte funktionieren:

var sel = document.getElementById('myForm').getElementsByTagName('select')[0]; 

sel.onchange() = function(){ 
    var val = this.getElementsByTagName('option')[this.selectedIndex], 
     url = 'http://newPage.aspx?option=', 
     queryUrl = url + encodeURIComponent(val); 

    window.location = queryUrl; 
}); 

Referenzen:

• document.getElementById().
• element.getElmentsByTagName().
• element.onchange().
• encodeURIComponent().
• window.location.

Answer 3

jQuery es:

$('select','#myForm').change(function() { 
    document.location.href = "/newPage.aspx?value=" + $(this).val(); 
    }); 

Bessere Lösung (Absenden des Formulars, freundlicher Suchmaschinen) wäre:

HTML:

<form id="myForm" method="get" action="newPage.aspx"> 
    <select name="mySelect"> 
    <option value="ABC">ABC</option> 
    <option value="xyz">xyz</option> 
    </select> 
</form> 

javascript:

$('select','#myForm').change(function() { 
    $('#myForm').submit(); 
    });