Возможная ошибка с изменением значения <select> <option> и кнопкой Back в Chrome
Версия Chrome (введите около: версия 28.0.1491.0 канарейка и 26.0.1410.65 Google Chrome): операционная система (Mac OS X Mountain Lion): проблема возникает только с Chrome Canary и обычным Google Chrome. В последних версиях Firefox, Safari и IE9 (протестированных для Windows) проблем нет.
Код ниже изменяет все значения stateBill так, чтобы они совпадали с текстовыми значениями.
Затем отправьте его на другую страницу и нажмите кнопку «Назад» на странице браузера. Выбранный параметр НЕ виден (т. Е. Он отображается пустым) в раскрывающемся списке, хотя источник HTML по-прежнему показывает его выбранным.
Если я не выполняю функцию jquery, отправляю и нажимаю Назад в браузере, выбранный текст опции правильно отображается в раскрывающемся списке.
Может быть, его JQuery на Chrome или Javascript по вопросу Chrome.
Есть идеи?
<!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>