【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" οnchange="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"/>

【总结】

           多尝试，多从网上看。