Javascript 在Angular js 1.5.6中将下拉字段值重置为默认值

我需要将所有下拉列表的值重置为空值，目前我是基于从后端获取的邮政编码的默认状态和metro

这里还有一个问题是，一旦我在下拉列表中选择了任何值，就删除空选择选项，所以重置按钮应该将字段值重置为空值

我写了重置代码，但它不工作。在这方面的任何帮助都将不胜感激

Javascript代码：

$scope.myFunction = function()
{
document.getElementById("myForm").reset();
}

HTML代码：

<form name="myForm">
            <div ng-show='showFilterData' class="box2">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Filters</h3>
                        </div>
                     <span  ng-show="!myForm.$valid && myForm.$error.required">Please select the mandatory field</span> 
                    <div class="dropdown-fields">
                        <div class="panel-body">
                            <div class="form-group" ng-repeat="(key, productItem) in productItems" >
                                <label>{{productItem.Name}}</label> 
                                <span class="error-message"  ng-show="!productItem.APTS_UI_Selection_Optional__c">*</span>                               
                                <p>                                  
                                    <div ng-if="!productItem.APTS_Dependent_Attribute__c && selectedProductItem.Id != '01t30000003iyXzAAI'"> 
                                          <select name="statesel" ng-init="Select" class="form-control" style="width:auto" ng-model="productItem[productItem.Name]" ng-change="onStateChangeDD(productItem[productItem.Name], key, productItem)" ng-options="ddItem.Name as removeAmparsendFilter(ddItem.Name) for ddItem in productItem.ddData | orderBy:'Name'" ng-required="true">
                                         </select>

                                        </div>

                                    <div ng-if="productItem.APTS_Dependent_Attribute__c && selectedProductItem.Id != '01t30000003iyXzAAI'">
                                        <select name="metrosel" ng-init="Select" class="form-control" style="width:auto" ng-model="productItem[productItem.Name]" ng-change="onStateChangeDD(productItem[productItem.Name], key, productItem)" ng-options="ddItem.Name as removeAmparsendFilter(ddItem.Name) for ddItem in productItem.filterData | orderBy:'Name'" ng-required="true" >
                                          </select>

                                         </div>

                                </p>                                 
                                <p> 
                                     <div ng-if="!productItem.APTS_Dependent_Attribute__c && selectedProductItem.Id == '01t30000003iyXzAAI'"> 
                                          <div ng-if="productItem.APTS_Display_Order__c == '1' "> 
                                            <select  ng-init="Select" class="form-control" style="width:auto" ng-model="productItem[productItem.Name]" ng-change="onStateChangeDD(productItem[productItem.Name], key, productItem)" ng-options="ddItem.Name as removeAmparsendFilter(ddItem.Name) for ddItem in productItem.ddData | orderBy:'Name'" >
                                             </select>
                                            </div>

                                          <div ng-if="productItem.APTS_Display_Order__c == '3' "> 
                                            <select  ng-init="Select" class="form-control" style="width:auto" ng-model="productItem[productItem.Name]" ng-change="onStateChangeDD(productItem[productItem.Name], key, productItem)" ng-options="ddItem.Name as removeAmparsendFilter(ddItem.Name) for ddItem in productItem.ddData" >
                                              </select>
                                              <h1>pandu</h1>
                                            </div>   

                                    </div>
                                    <div ng-if="productItem.APTS_Dependent_Attribute__c && selectedProductItem.Id == '01t30000003iyXzAAI'"> 
                                        <div ng-if="productItem.APTS_Display_Order__c != '4'">                                           
                                        <select  ng-init="Select" class="form-control" style="width:auto" ng-model="productItem[productItem.Name]" ng-change="onStateChangeDD(productItem[productItem.Name], key, productItem)" ng-options="ddItem.Name as removeAmparsendFilter(ddItem.Name) for ddItem in productItem.filterData | orderBy:'Name'" >
                                        </select>
                                      </div>

                                         </div>
                                         <div ng-if="productItem.APTS_Display_Order__c == '4' && selectedProductItem.Id == '01t30000003iyXzAAI'">
                                             <div>
                                                 <input type="text" ng-blur="attoerneyPRValue(attoerneyPR)" ng-model="attoerneyPR"/>

                                             </div>

                                    </div>
                               </p>
                            </div>
                       </div>
                        <div class="getresults-btn">
                            <button type="submit" class="btn btn-info"  ng-disabled="!myForm.$valid "  ng-click="getattributeCombination()">Search</button>
                            <button type="button" ng-click="myFunction()"> reset </button>
                            <div><br></br></div>
                            <div class="alert alert-danger" ng-show="showSuccessAlert" >
                                <span> <strong> Your results are more than 600 lines. First 600 lines have been shown. Please narrow results using the provided filters.</strong></span>
                                <button type="button" class="close" data-ng-click="switchBool('showSuccessAlert')">x</button>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </form>

过滤器
请选择必填字段
{{productItem.Name}
*                               



潘杜

搜寻
重置



您的结果超过600行。已经显示了前600行。请使用提供的过滤器缩小结果范围。
x

您可以通过myFunction中的以下调整来实现这一点，因为所有的选择框都将此数组作为具有不同键的模型，如果它包含任何其他需要重置的模型名称，您可以在函数中重置数组，如我在函数中手动重置

Attorneypr

模型

$scope.myFunction = function(){
    $scope.productItem = {};
    $scope.attoerneyPR = '';
}

---

下面的代码对你有用吗？Hi@TaylorRahul感谢你花时间研究我的问题，不幸的是它不起作用。Hi@taylor rahul感谢你花时间研究我的问题，不幸的是它不起作用。