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

来源：互联网发布：做网络监控用几类线编辑：程序博客网时间：2024/05/18 18:01

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入门
—————————————————————————————————————————————————–

阅读全文

0 0