在jsp页面下拉框和输入框切换功能的是实现

1 <t:formgroup>
2     <t:label path="partsName"></t:label>
3     <div class="input-group">
4     　　<span id="switch" class="input-group-addon"><i class="icon-add"></i></span>
5     　　<t:select2 id="partsNameSelect" path="partsName" placeholder="选择配件" allowClear="true" ></t:select2>
6     　　<input class="form-control"  id="partsNameText" value="${parts.partsName }" type="text" style="display:none" ></input>
7 　　</div>
8 </t:formgroup>

在js中的代码

 1 var switchType=0;
 2  $('#switch').on('click', function() {
 3         if(switchType==0){
 4             switchType=1;
 5             $('#partsNameSelect').select2("destroy").hide();
 6             $('#partsNameText').show();
 7             $('#partsNameSelect').attr("name","");
 8             $('#partsNameText').attr("name","partsName");
 9             
10         }else{
11             switchType=0;
12             $('#partsNameSelect').show().select2({placeholder:"请选择名称",allowClear: true});
13             $('#partsNameText').hide();
14             $('#partsNameSelect').attr("name","partsName");
15             $('#partsNameText').attr("name","");
16         }
17     });

点击按钮后触发click事件，用ID选中两个标签使其隐藏或者显示，同时改变其name属性。

posted on 2017-05-03 18:19 Nikogls_Hu 阅读(596) 评论(0) 收藏举报