Question

这是我对JQuery的角色

mainDodApp.controller('EditPageController', ['$scope', '$http', '$sce', function ($scope, $http, $sce) {
    $http({
        //HTTP Call
    }).success(function (response) {
        $scope.parent_page = $sce.trustAsHtml(response);
    });

    $http({
        //HTTP Call
    }).then(function (response) {
        $scope.formData.parent_page_id = response.data.parent_page_id;
        $('#parentPage option[value='+$scope.formData.parent_page_id+']').attr('selected','selected');
    });

}]);

这是我的HTML。

<select name="parent_pages" id="parentPage" ng-bind-html="parent_page" ng-model="formData.parent_page_id">
</select>

因为我正在将选项从ajax调用渲染为ng-bind-html，当在获取所选选项的值后进行第二次ajax调用时，我选择了选项并且它也被选中了

<option value="2" selected="selected">About Us</option>

但不显示默认选择值，尽管它已选择属性。和jquery版本是jQuery v1.11.2

Answer 1

尝试'prop'功能并确定 $scope.formData.parent_page_id返回值。

  $('#parentPage option[value='+$scope.formData.parent_page_id+']').prop('selected', true);

Sample fiddle using jQuery v1.11.2

选定的选项无法通过jquery工作

1 个答案: