I’m using AngularJS ver. 1.2.15 on my project. And, I have a select element on one of my views as per below:

<select class="select-white form-control form-select" id="cat2_{{feed.id}}" ng-model="feed.operationstatusid" ng-change="updateCategoryAndStatus(feed, true)"></select>

And, I’m feeding this element like this:

    function SetCategory2(cat1Id, feed) {
        var feedId = feed.id;

        var fromRuleOpStatusId = -1;

        $('#cat2_' + feedId).find('option').remove();

        if (cat1Id > -1) {
            $('#cat2_' + feedId).append($('<option></option>').text(lang.SelectSubCategory).val(0));

            $.each($scope.category2, function (index, cat2Item) {
                $('#cat2_' + feedId).append($('<option></option>').text(cat2Item.statusdescription).val(cat2Item.id));
            });

            var isselected = false;

            $.each($scope.category2, function (index, cat2Item) {
                if (feed.operationstatusid == cat2Item.id) {
                    $('#cat2_' + feedId).val(cat2Item.id);

                    fromRuleOpStatusId = -1;

                    isselected = true;
                }
                else {
                    var feedStr = "";

                    if (feed.title != undefined && feed.title != null) {
                        feedStr = feed.title.toLowerCase();
                    }

                    if ($scope.catTitleRulesTwo) {
                        $.each($scope.catTitleRulesTwo, function (r_index, r_item) {
                            if (cat2Item.id == r_item.titleCode && !isselected) {
                                if (feedStr != undefined && feedStr != null && r_item != undefined && r_item != null) {
                                    String.prototype.contains = function (str) { return this.toLowerCase().indexOf(str) !== -1; };

                                    var text = feedStr;

                                    if (eval(r_item.ruleexpression)) {
                                        $('#cat2_' + feedId).val(cat2Item.id);

                                        fromRuleOpStatusId = cat2Item.id;

                                        isselected = true;
                                    }
                                }
                            }
                        });
                    }
                }
            });

            if (fromRuleOpStatusId != -1) {
                feed.operationstatusid = fromRuleOpStatusId;
            }
        }
        else {
            $('#cat2_' + feedId).append($('<option></option>').text(lang.SelectSubCategory).val(0));
        }
    }

I am aware of the facts about eval function, but the project I’m working on is quite old, so does the code. Anyway, this is about business logic and quite irrelevant with the thing I’m going to ask (or so I was thinking).

As you can see I’m appending all the options before I set the value of the selectbox with using .val(...). I have also checked that values do match along with the data types. But, when I observe this function step by step, I saw that selected value does show up without flaw. After the code finish with my above mentioned function (SetCategory2), code goes through on of the function located on AngularJS file, named xhr.onreadystatechange. It’s not a long function, so I’m sharing it also on below.

      xhr.onreadystatechange = function() {
        if (xhr && xhr.readyState == 4) {
          var responseHeaders = null,
              response = null;

          if(status !== ABORTED) {
            responseHeaders = xhr.getAllResponseHeaders();

            response = ('response' in xhr) ? xhr.response : xhr.responseText;
          }

          completeRequest(callback,
              status || xhr.status,
              response,
              responseHeaders);
        }
      };

After the code released from this function, respective selectbox’s value is pointed at the empty option.

I have run into topics which talks about this behaviour might due to invalid option-value match, but as I described above, I append all my options before deciding the value. So, I can’t figure out what I’m missing.

Thank you in advance.