【JSP頁面】如何根據Select的選項來決定頁面input的顯示隱藏


【前言】

           項目中有一個需求,需要根據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"/>


【總結】

           多嘗試,多從網上看。 




注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com