Как правильно выбрать опцию по умолчанию в списке?

0

У меня есть 6 списков, через которые я заполняю скрипт. Im используя угловые js и мой html выглядит так:

                 <div class="advancedSearch hidden">
                     <div class="col-md-4 col-xs-12">
                       <select name="number" ng-model="Numbers" ng-change="listSearchChnage(Numbers, 'number')" class="form-control" >
                          <option value="">Choose Nummer</option>
                          <option  ng:repeat="number in Numbers" value="{{number}}">{{number}}</option>
                          <!-- Select month -->
                      </select>
                     </div>
                     <div class="col-md-4 col-xs-12">
                        <select name="objDesc" class="form-control" ng-model="ObjektDescriptions" ng-change="listSearchChnage(ObjektDescriptions,'objektDescription')">
                            <option value="">Choose something</option>
                            <option  ng:repeat="desc in ObjektDescriptions" value="{{desc}}">{{desc}}</option>
                            <!-- Select month -->
                        </select>
                     </div>

                     <div class="col-md-4 col-xs-12">
                        <select name="tenantName" class="form-control" ng-model="CustomerNames" ng-change="listSearchChnage(CustomerNames,'customerName')" >
                            <option value="">Choose somethingelse</option>
                            <option  ng:repeat="customerName in CustomerNames" value="{{customerName}}">{{customerName}}</option>

                        </select>
                     </div>

                     <div class="col-md-4 col-xs-12">
                        <select name="dateSearch" class="form-control" ng-model="RegisterDates" ng-change="listSearchChnage(RegisterDates,'registerDate')" >
                            <option value="">Choose somethingelse</option>
                            <option  ng:repeat="date in RegisterDates" value="{{date}}">{{date}}</option>
                            <!-- Select month -->
                        </select>
                     </div>

                     <div class="col-md-4 col-xs-12">
                        <select name="managerSearch" class="form-control" ng-model="Managers" ng-change="listSearchChnage(Managers,'manager')">
                            <option value="">Choose somethingelse</option>
                            <option  ng:repeat="manager in Managers" value="{{status}}">{{manager}}</option>
                            <!-- Select month -->
                        </select>
                     </div>
                     <div class="col-md-4 col-xs-12">
                        <select name="advStatusSearch" class="form-control" ng-model="AdvStatuses" ng-change="listSearchChnage(AdvStatuses,'s')">
                            <option value="">Choose Status</option>
                            <option  ng:repeat="s in AdvStatuses" value="{{s}}">{{s}}</option>
                            <!-- Select month -->
                        </select>
                     </div>

Автор сценария:

    $.each(data, function(i, v) {
        $scope.Numbers.push(v.orderraderid);

        if ($.inArray($.trim(v.orderraderid), $scope.Numbers) == -1)
            $scope.Numbers.push(v.orderraderid);

            if ($.inArray($.trim(v.objektbeteckning), $scope.ObjektDescriptions) == -1)
                $scope.ObjektDescriptions.push(v.objektbeteckning);

            if ($.inArray(v.kundnamn, $scope.CustomerNames) == -1)
                $scope.CustomerNames.push(v.kundnamn);

            if ($.inArray(v.anmdatum, $scope.RegisterDates) == -1) 
                $scope.RegisterDates.push(v.anmdatum);

            if ($.inArray($.trim(v.status), $scope.AdvStatuses) == -1)
                $scope.AdvStatuses.push(v.status);

            if ($.inArray($.trim(v.utforare), $scope.Managers) == -1)
                $scope.Managers.push(v.utforare);
    }); 

Все списки, кроме последнего, который отображает "статус", получают свой первый вариант, выбранный по умолчанию.

Ive попробовал hardcoding атрибут select "selected = selected", но это не сработало. Ive даже попытался установить его с помощью скрипта так:

$(".advancedSearch select option").each(function () {
                   $(this).removeAttr('selected');
               });

но ничего не работает. Что я делаю не так?

Теги:
asp.net-mvc-4

1 ответ

0
Лучший ответ

Взял меня немного, но я изменился с

 <option  ng:repeat="status in AdvStatuses" value="{{status}}">{{status}}</option>

к

 <option  ng:repeat="status in AdvStatuses" value="">{{status}}</option>

И это решило проблему. Я действительно не понимаю, почему это произошло, и по достоинству оценит объяснение, если у кого-нибудь есть?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню