我的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,并允许用户使用下拉列表来选择任何其他选项。这在我的浏览器和安卓设备上都很好,但是在我的iPhone 5S上测试它时,<select>
会显示第一个选项,而不是在页面加载时选择的选项(该选项的值为${Var}
)。
关于如何确保它显示正确的选定值的提示吗?
发布于 2017-08-31 14:27:18
您可以这样做,当页面加载时,它将执行以下javascript:
var test = '<%= request.getAttribute("var") %>';
在这里,var "test“将包含在servlet中设置的名为"var”的属性。
然后,为了使事情变得更简单,我在本例中使用jquery,您可以将您的下拉值设置为var。(但您必须确保下拉列表select具有变量var的值。)如果var == 4,那么它将在加载时将下拉选择设置为值4。
$("#mySelect").val(test);
https://stackoverflow.com/questions/45990493
复制