0

CSS を使用@mediaして幅に基づいてフォームを表示する HTML ページがあります。

小さな画面では選択オプションが表示され、大きな画面ではラジオボタンが表示されます。

ユーザーがラジオボタンオプションを選択した場合、サーバーはラジオボタンではなく選択オプションを取得します。

大画面で選択オプションを無効にするにはどうすればよいですか?

<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>
4

1 に答える 1

0

JQuery を使用したデバイスの検出方法に関する情報は、以下の URL を参照してください。

jQuery モバイル ユーザー エージェントの検出

デバイスに基づいて、可視電話/非表示電話セクションを表示/非表示にする必要があります。

于 2013-03-06T05:06:49.987 に答える