使用JSP和JSTL的HTML / 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") %>';

在这里，变量“ test”将包含您在servlet中设置的名为“ var”的属性。

然后，为了使事情变得容易，我在本示例中使用的是jquery，您可以将下拉列表值设置为var。 （但您必须确保下拉选择的值带有变量var。）如果var == 4，则它将在加载时将下拉选择的值设置为4。

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