Javascript 选择特定字段时是否清除表单中的特定字段？

我能够清除表单中的特定字段：

$(document).ready(function(){

   $('#zip').on("input",function(){
       $('#city option[value=""]').prop('selected',true);

   })

    $('#city').on("change",function(){
       $('#zip').val("");
    })
})

<div class="panel panel-default">
<div class="panel-body">

    <form name="providerSearch" id="PS" ng-submit="SearchProvider(searchParam);" novalidate="" role="form">
        <div class="form-group"><input class="form-control" id="physiciansfirstname" ng-model="searchParam.FirstName" placeholder="First name:" type="text" /></div>

        <div class="form-group"><input class="form-control" id="physicianslastname" ng-model="searchParam.LastName" placeholder="Last name:" type="text" /></div>

        <div class="form-group"><select class="form-control" id="providerSpecialty" ng-model="searchParam.Specialty"><option disabled="disabled" selected="selected" value="">Specialty</option>
        <option value=""></option><option>Family practice</option><option>General practice</option><option>Internal medicine</option><option>Pediatrics</option> </select></div>

        <div class="form-group">
         <SELECT name="proCity" class="form-control" id="city" placeholder="City" ng-model="searchParam.City">
                   <option disabled="disabled" selected="selected" value="">City</option> 
                      <option value=""></option>
                      <cfoutput query="cityFind">
                       <option value=#city#>#city#</option>
                    </cfoutput> 
                  </select>

        <!---<select class="form-control" id="city" ng-model="searchParam.City"><option disabled="disabled" selected="selected" value="">City</option><option ng-repeat="c in Cities">{{c.City}}</option> </select>---->
        </div>

        <div class="row">
            <div class="col-xs-6 no-right-padding paddingLanguage">
                <div class="form-group widthLanguage">


                <select name="language" class="form-control" ng-model="searchParam.Language">
                    <option disabled="disabled" selected="selected" value="">Language</option>
                    <option value=""></option>
                 <cfoutput query="Languages">
                      <option value=#Language#>#Language#</option>
                    </cfoutput> 
                  </select>



                  <!---<select name="language" class="form-control widthLanguage" id="language" ng-model="searchParam.Language">
                    <option disabled="disabled" selected="selected" value="">Language</option>
                    <option ng-repeat="l in Languages">{{l.Lang}}</option>
                  </select>--->
                </div>
            </div>

            <div class="col-xs-6 no-left-padding">
                <div class="form-group"><select class="form-control" name="gender" ng-model="searchParam.Gender">
                <option disabled="disabled" selected="selected" value="">Gender</option>
                <option value=""></option>
                <option>Male</option><option>Female</option> </select></div>
            </div>
        </div>

        <hr class="hrDoctor" />
        <div style="margin-top:-10px; margin-bottom:10px; text-align:center; font-size:8pt! important">* or Search by Zip code radius *</div>

        <div class="row">
            <div class="col-xs-7 no-right-padding">
                <div class="form-group">
                    <div class="input-group"><select class="form-control" name="distance" ng-model="searchParam.distance"><option selected="selected">5</option><option selected="selected">10</option><option selected="selected">15</option><option selected="selected">20</option> </select>

                        <div class="input-group-addon">mi</div>
                    </div>
                </div>
            </div>

            <div class="col-xs-5 no-left-padding widthZip">
                <div class="form-group"><input allow-pattern="[\d\-]" class="form-control" id="zip" maxlength="5" ng-model="searchParam.Zip" placeholder="Zip code" type="text" data-default=""/></div>
            </div>
        </div>

        <div class="form-group"><input id="submit" class="btn btn-warning btn-block" ng-click="gotoElement('SearchResultsAnchor');" type="submit" value="Search" /></div>
        <!---<div class="form-group buttonWidth resetButton"><input class="btn btn-primary btn-block" type="reset" value="Reset"  onClick="window.location.reload()"/></div>--->
    </form>
<!---</div><!---Progress bar--->--->
</div>

表格如下：

$(document).ready(function(){

   $('#zip').on("input",function(){
       $('#city option[value=""]').prop('selected',true);

   })

    $('#city').on("change",function(){
       $('#zip').val("");
    })
})

<div class="panel panel-default">
<div class="panel-body">

    <form name="providerSearch" id="PS" ng-submit="SearchProvider(searchParam);" novalidate="" role="form">
        <div class="form-group"><input class="form-control" id="physiciansfirstname" ng-model="searchParam.FirstName" placeholder="First name:" type="text" /></div>

        <div class="form-group"><input class="form-control" id="physicianslastname" ng-model="searchParam.LastName" placeholder="Last name:" type="text" /></div>

        <div class="form-group"><select class="form-control" id="providerSpecialty" ng-model="searchParam.Specialty"><option disabled="disabled" selected="selected" value="">Specialty</option>
        <option value=""></option><option>Family practice</option><option>General practice</option><option>Internal medicine</option><option>Pediatrics</option> </select></div>

        <div class="form-group">
         <SELECT name="proCity" class="form-control" id="city" placeholder="City" ng-model="searchParam.City">
                   <option disabled="disabled" selected="selected" value="">City</option> 
                      <option value=""></option>
                      <cfoutput query="cityFind">
                       <option value=#city#>#city#</option>
                    </cfoutput> 
                  </select>

        <!---<select class="form-control" id="city" ng-model="searchParam.City"><option disabled="disabled" selected="selected" value="">City</option><option ng-repeat="c in Cities">{{c.City}}</option> </select>---->
        </div>

        <div class="row">
            <div class="col-xs-6 no-right-padding paddingLanguage">
                <div class="form-group widthLanguage">


                <select name="language" class="form-control" ng-model="searchParam.Language">
                    <option disabled="disabled" selected="selected" value="">Language</option>
                    <option value=""></option>
                 <cfoutput query="Languages">
                      <option value=#Language#>#Language#</option>
                    </cfoutput> 
                  </select>



                  <!---<select name="language" class="form-control widthLanguage" id="language" ng-model="searchParam.Language">
                    <option disabled="disabled" selected="selected" value="">Language</option>
                    <option ng-repeat="l in Languages">{{l.Lang}}</option>
                  </select>--->
                </div>
            </div>

            <div class="col-xs-6 no-left-padding">
                <div class="form-group"><select class="form-control" name="gender" ng-model="searchParam.Gender">
                <option disabled="disabled" selected="selected" value="">Gender</option>
                <option value=""></option>
                <option>Male</option><option>Female</option> </select></div>
            </div>
        </div>

        <hr class="hrDoctor" />
        <div style="margin-top:-10px; margin-bottom:10px; text-align:center; font-size:8pt! important">* or Search by Zip code radius *</div>

        <div class="row">
            <div class="col-xs-7 no-right-padding">
                <div class="form-group">
                    <div class="input-group"><select class="form-control" name="distance" ng-model="searchParam.distance"><option selected="selected">5</option><option selected="selected">10</option><option selected="selected">15</option><option selected="selected">20</option> </select>

                        <div class="input-group-addon">mi</div>
                    </div>
                </div>
            </div>

            <div class="col-xs-5 no-left-padding widthZip">
                <div class="form-group"><input allow-pattern="[\d\-]" class="form-control" id="zip" maxlength="5" ng-model="searchParam.Zip" placeholder="Zip code" type="text" data-default=""/></div>
            </div>
        </div>

        <div class="form-group"><input id="submit" class="btn btn-warning btn-block" ng-click="gotoElement('SearchResultsAnchor');" type="submit" value="Search" /></div>
        <!---<div class="form-group buttonWidth resetButton"><input class="btn btn-primary btn-block" type="reset" value="Reset"  onClick="window.location.reload()"/></div>--->
    </form>
<!---</div><!---Progress bar--->--->
</div>

专业
家庭实践全科医学内部医学儿科
城市
西尔马
圣克拉丽塔
洛杉矶
文图拉
语言
#语言#
性别
男性女性

*或按邮政编码半径搜索*
5.
10
15
20
惯性矩

你能用正确的值发布可行的代码吗？这样，你就可以清楚地知道你必须澄清什么，你的问题是什么。@DineshPrajapati我已经发布了我正在处理的代码。因此问题在于，当选择了“城市”字段时，在选择之前，输入了邮政编码，而不是显示“城市”字段输入的数据，它返回的邮政编码值与空白的邮政编码值相同。您的意思是说，单击搜索按钮，您得到的是旧邮政编码值，而不是您选择的城市，对吗？在这种情况下，你能让我知道你用什么代码来获得那个值吗？@DineshPrajapati正确，这就是我的意思。对于第二个问题，不确定其他开发人员将代码放在何处，从何处获取值。无法找到文件，也无法联系到他。当然，问题似乎出在代码中，实际上您正在从城市下拉列表或zipcode文本框中检索值。