HTML /使用JSP和JSTL的JavaScript - 選擇下拉列表只顯示在iPhone上，而不是選擇的選項

Question

第一個選項我在HTML中<select>元素：

<select id="mySelect"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
</select> 

我使用JSP/JSTL的後端，當頁面加載時，我想根據我從後端獲得的頁面屬性動態選擇這些選項之一。換句話說，在JavaScript/jQuery的：

$(document).ready(function() { 
    $("#mySelect").find("option[val=${Var}]").prop("selected", true); 
}); 

理想情況下，在頁面加載時，所述<select>元件應顯示上屏幕選擇的選項（例如，如果${Var}是4，它應該是默認顯示4，和允許用戶使用下拉菜單選擇任何其他選項，這在我的瀏覽器和Android設備上正常工作，但在我的iPhone 5S上進行測試時，<select>會顯示第一個選項，而不是在選擇時選擇的選項頁面加載（值爲${Var}的選項）

有關如何確保顯示正確的選定值的任何提示？

Answer 1

你能做到這樣的，當你的頁面加載時，它會執行此javascript：

var test = '<%= request.getAttribute("var") %>'; 

這裏VAR「測試」將包含在你的servlet被稱爲「VAR」設置屬性。

然後爲了方便起見，我在這個例子中使用了jquery，你可以設置你的下拉值爲var。 （但是你必須確保下拉選擇對變量var有一個值。）如果var == 4，那麼它會在下載時將下拉選擇設置爲值4。

$("#mySelect").val(test);