項目中有一個需求,需要根據select的選項決定顯示或隱藏td。 代碼留存一下。
所需前提:
引入JQuery
代碼:
<script src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
function categorychange(select){ $("#ihyperlink").hide();$("#ifileupload").hide(); if(select.value=="1"){$("#ifileupload").show();}if(select.value=="2"){$("#ifileupload").show();}if(select.value=="3"){$("#ihyperlink").show();}if(select.value=="4"){$("#ihyperlink").show();} if(select.value=="5"){$("#ihyperlink").show();} }
在select中調用:
<select id=selectId name="category.cid" onchange="categorychange(this);">
<s:iterator var="c" value="csList">
<option value="<s:property value="#c.cid"/>"><s:property value="#c.cname"/></option>
</s:iterator>
</select>
兩個input
<input id=ihyperlink type="text" name="hyperLink" value="<s:property value="model.hyperLink"/>"class="bg" />
<input id=ifileupload type="file" name="upload" size="30" value="" id="userAction_save_do_upload" style="display:none"/>
多嘗試,多從網上看。
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。