我有一个HTML页面,该页面使用CSS的@media显示基于宽度的表单。

在小屏幕上,将显示选择选项,在大屏幕上,将显示单选按钮。

我的问题很大,如果用户选择了单选按钮选项,则服务器将获得选择选项,而不是单选按钮。

如何在大屏幕上禁用选择选项?

<div class="visible-phone">
<select class="input-block-level" name="paymentType" >
<c:forEach items="${sessionScope.paymentMethodList}" var="item"  varStatus="index">
<option  value="${item.id}"><c:out value="${item.pymntName}"/></option>
</c:forEach>
</select>
</div>

<div class="hidden-phone">
<c:forEach items="${sessionScope.paymentMethodList}" var="item"  varStatus="index">
<label class="radio"><input type="radio" name="paymentType" value="${item.id}">
<c:out value="${item.pymntName}"/> </label>

</c:forEach>
</div>

最佳答案

请参考以下URL,以获取有关如何使用JQuery检测设备的信息:

jQuery mobile user agent detection

您需要根据设备显示/隐藏可视电话/隐藏电话部分。

关于html - 将参数传递给@media屏幕上的服务器,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15239032/

10-11 23:29
查看更多