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：

Lkue

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

然后为了方便起见，我在这个例子中使用jquery，你可以将你的下拉值设置为var。（但是你必须确保下拉选择具有变量var的值。）如果var == 4那么它将把下拉选择设置为加载时的值4。

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

使用JSP和JSTL的HTML / JavaScript - 选择下拉列表仅显示iphone上的第一个选项而不是选定的选项

1 个答案: