2013-04-29 46 views
11

Version Chrome (gõ about: Version 28.0.1491.0 chim hoàng yến và 26.0.1410.65 Google Chrome): Hệ điều hành (Mac OS X Mountain Lion): Vấn đề chỉ xảy ra với Chrome Canary và Google Chrome thông thường. Không có vấn đề với phiên bản mới nhất của Firefox, Safari và IE9 (Windows đã được kiểm tra).Có thể lỗi với <select> sửa đổi giá trị <option> và nút Back trên Chrome

Mã bên dưới thay đổi tất cả giá trị của stateBill giống với giá trị văn bản.

Sau đó gửi đến trang khác và nhấp vào nút Quay lại trang trình duyệt. Tùy chọn được chọn KHÔNG hiển thị (nghĩa là nó hiển thị trống) trên menu thả xuống, mặc dù nguồn html vẫn hiển thị nó được chọn.

Nếu tôi không thực hiện chức năng jquery và gửi và nhấp vào Quay lại trình duyệt, văn bản tùy chọn được chọn sẽ xuất hiện trong danh sách thả xuống chính xác.

Có thể câu hỏi của nó trên chrome hoặc có thể là javascript của nó trên vấn đề Chrome.

Bất kỳ ý tưởng nào?

<!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> 
+0

Bạn đang tìm giải pháp, giải thích hay gì? – icktoofay

+0

Tôi đã tìm thấy cách giải quyết đơn giản bằng cách tạo văn bản ẩn và ngay trước khi gửi hoặc thay đổi đặt thành giá trị đã chọn. Có đề xuất nào khác không? Tôi đoán tôi đã tự hỏi nếu đây là một lỗi hoặc tôi đang làm một cái gì đó sai. – user603749

+0

Tôi tình cờ gặp vấn đề tương tự, và sau nhiều giờ đầu gối chống lại mã của riêng tôi, tôi đã đi đến cùng một kết luận. Các autocomplete = off ngay lập tức cố định nó. – Cyprus106

Trả lời

0

Tôi đã tìm thấy cách giải quyết đơn giản bằng cách tạo văn bản ẩn và ngay trước khi gửi hoặc thay đổi đặt giá trị đó thành giá trị đã chọn.

15

Tôi gặp sự cố tương tự và gặp phải sự cố này khi tìm kiếm trên Google. Đối với bất kỳ ai tình cờ gặp vấn đề này: Tôi đã khắc phục sự cố bằng cách đặt 'autocomplete = "off"' trên biểu mẫu. Tất nhiên, điều này có thể không được mong muốn cho tất cả các tình huống.

Tôi đang chạy Chrome 30.0.1599.101 trên OSX 10.9. Trang web được xây dựng bằng cách sử dụng khung công tác Wicket (sử dụng jQuery cho AJAX).

+4

Bạn tìm thấy nó như thế nào? Đó là một ma thuật đen thuần khiết. Chúng ta nên được chính thức chỉ định là phù thủy. – user194715

+2

Bạn đã tiết kiệm cho tôi số giờ – Spir

+1

Thiên tài. Tôi đã dành hàng giờ ... nhưng bạn đã cứu tôi nhiều giờ hơn. CẢM ƠN BẠN. – Cyprus106