我有一个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/