Möglicher Fehler bei der <Auswahl> <Option> Wertänderung und der Zurück-Schaltfläche in Chrome
Chrome-Version (Typ ungefähr: Version 28.0.1491.0 canary und 26.0.1410.65 Google Chrome): Betriebssystem (Mac OS X Mountain Lion): Das Problem tritt nur bei Chrome Canary und regulärem Google Chrome auf. Es gibt keine Probleme mit den neuesten Versionen von Firefox, Safari oder IE9 (Windows getestet).
Der folgende Code ändert alle stateBill-Werte so, dass sie mit den Textwerten übereinstimmen.
Senden Sie es dann an eine andere Seite und klicken Sie auf die Schaltfläche Zurück der Browserseite. Die ausgewählte Option ist in der Dropdown-Liste NICHT sichtbar (dh sie ist leer), obwohl sie in der HTML-Quelle weiterhin ausgewählt ist.
Wenn ich die jquery-Funktion nicht ausführe und abschicke und auf Zurück im Browser klicke, wird der ausgewählte Optionstext korrekt in der Dropdown-Liste angezeigt.
Vielleicht ist es eine Frage zu Chrome oder vielleicht ist es ein Problem mit Javascript in Chrome.
Irgendwelche Ideen?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<html>
</head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<form target="_self" action="http://google.com">
Click Submit. When it goes to google, Click Back button of browser.<br/>
Will see that drop down is empty!
<!-- Abbreviated states list -->
<select name="stateBill" class="required" id="stateBill">
<option value="">- Select -</option>
<option value="1">Alabama</option>
<option value="2">Alaska</option>
<option value="3" >American Samoa</option>
<option value="4" selected="selected">Arizona</option>
<option value="5">Arkansas</option>
</select>
<input type="submit" value="Submit">
<form>
</body>
<script>
$(function(){
// Change all state values to be the same as the state text.
var text;
$("#stateBill option:gt(0)").each(function(i,j){
text=$(j).text();
$(j).val(text);
});
})
</script>
<html>