JQuery(1)---监听input变化并重置select为第一项

1、html代码:

<div is="gc-modal-lg" v-bind:meta="{id:'popup_add',title:'新增认证用户',fn:submitAdd}" v-bind:info="formInfo">
    <form class="form-horizontal">
        <div class="form-group">
            <label class="col-sm-2 control-label">认证用户名称</label>
            <div class="col-sm-4">
                <input v-bind:disabled="formInfo.state == 1" type="text" id="autocomplete" name="userAddParams.username" class="form-control" 
                 rangelength="[1,20]" required="true" >
                <input type="hidden" id="userId" name="userAddParams.userId"  >
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">行业</label>
            <div class="col-sm-2">
                <select id="orgLv1Industry" class="form-control" v-model="industryData['firstIndustryId']" v-on:change="loadSecondIndustry">
                    <option value="">请选择</option>
                    <option v-for="(d, i) in firstIndustryData" :value="d.id">{{d.name}}</option>
                </select>
            </div>
            <div class="col-sm-2">
                <select id="orgIndustry" name="orgIndustry"  id="orgIndustry" class="form-control" v-model="addData['userAddParams.industryId']" required="true">
                    <option value="">请选择</option>
                    <option v-for="(d, i) in secondIndustryData" :value="d.id">{{d.name}}</option>
                </select>
            </div>
            <label class="col-sm-2 control-label">城市</label>
            <div class="col-sm-2">
                <select id="orgParentCity" class="form-control"  v-model="cityData['firstCityId']" v-on:change="loadSecondCity">
                    <option value="">请选择</option>
                    <option v-for="(d, i) in firstCityData" :value="d.id">{{d.name}}</option>
                </select>
            </div>
            <div class="col-sm-2">
                <select id="orgCity" name="orgCity" id="orgCity"  class="form-control" v-model="addData['userAddParams.cityId']" required="true">
                    <option value="">请选择</option>
                    <option v-for="(d, i) in secondCityData" :value="d.id">{{d.name}}</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">详细地址</label>
            <div class="col-sm-4">
                <input v-bind:disabled="formInfo.state == 1" type="text" id="address" name="userAddParams.address" class="form-control" v-model="addData['userAddParams.address']" rangelength="[2,200]" required="true">
            </div>
            <label for="name2" class="col-sm-2 control-label">
                <span class="point">*</span>机构名称
            </label>
            <div class="col-sm-4 multi" style="position:relative;">
                <span style="margin-left:215px; width:15px; overflow:hidden;">
                  <select id="org-select" class="form-control form_select_right" name="org" onchange="changeOrg(this)" >
                     <option value=""></option>
                     <option v-for="org in orgList" v-bind:value="org.id" v-bind:data-key="org.id">{{org.name}}</option>
                  </select>
                </span>
              <input type="text" class="form-control form_select_left"  id="orgName" name="userAddParams.orgName"  rangelength="[2,20]" placeholder="机构名称" normalName="true" required="true"  /> 
              <input type="hidden" id="orgId" name="userAddParams.orgId" /> 
            </div> 
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">联系手机</label>
            <div class="col-sm-4">
                <input v-bind:disabled="formInfo.state == 1" type="text" id="mobile" name="userAddParams.mobile" class="form-control" v-model="addData['userAddParams.mobile']" mobile="true" required="true">
            </div>
            <label class="col-sm-2 control-label">用户邮箱</label>
            <div class="col-sm-4">
                <input v-bind:disabled="formInfo.state == 1" type="text" id="email" name="userAddParams.email" class="form-control" v-model="addData['userAddParams.email']" email="true" required="true" rangelength="[1,100]">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">用户简介</label>
            <div class="col-sm-10">
                <textarea v-bind:disabled="formInfo.state == 1" id= "summary"  name="userAddParams.summary" class="form-control" v-model="addData['userAddParams.summary']" rangelength="[3,1000]" required="true"></textarea>
            </div>
        </div>
    </form>
</div>

2、js代码如下：

$('#autocomplete').bind('input propertychange', function() {  
            $("#mobile").val(""); 
            $("#email").val(""); 
            $("#address").val(""); 
            $("#userId").val("");  
            $("#summary").val("");
            $("#orgName").val("");
            $("#orgId").val("");
            $("#orgLv1Industry option:first").prop("selected", 'selected');  
            $("#orgIndustry option:first").prop("selected", 'selected');  
            $("#orgLv1Industry option:first").prop("selected", 'selected');  
            $("#orgParentCity option:first").prop("selected", 'selected');  
        });  

—————————————————————————————————————————————————–

java架构师项目实战,高并发集群分布式,大数据高可用视频教程，共760G

下载地址：

https://item.taobao.com/item.htm?id=562739965822

01.高级架构师四十二个阶段高
02.Java高级系统培训架构课程148课时
03.Java高级互联网架构师课程
04.Java互联网架构Netty、Nio、Mina等-视频教程
05.Java高级架构设计2016整理-视频教程
06.架构师基础、高级片
07.Java架构师必修linux运维系列课程
08.Java高级系统培训架构课程116课时
+
hadoop系列教程，java设计模式与数据结构， Spring Cloud微服务， SpringBoot入门
—————————————————————————————————————————————————–