jquery显示隐藏input对象

前端技术 2023/09/03 JavaScript

1 所属部门选择其他时 显示一个输入框进行填写

#html
<select id=\'deptid\' name=\'deptid\' class=\"select\" onchange=\'deptChange()\'>
 <c:forEach var=\"item\" items=\"${deptidList}\" varStatus=\"status\">
 <option value=\'${item.value}\'> ${item.name} </option>
 </c:forEach>
</select> 
<!-- 类型为其他时 需要填写其它部门 -->
<input id=\'otherDept\' name=\'otherDept\' type=\"text\" class=\"text\" maxlength=\'50\' style=\'display:none;\'/>
//js
// 根据切换是否显示其他部门输入框
 function deptChange(){
 var deptid = $(\'#deptid\').val();
 // alert(\'type:\'+hytpye);
 if(deptid==\'other\'){
  $(\'#otherDept\').show();
 }else{
  $(\'#otherDept\').hide();
 }
 }

本文地址:https://www.stayed.cn/item/6119

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。