如何从下拉列表中获取选定的文本，值并分配给angularjs中的列表对象答案

【问题标题】：How to get selected text,value from the dropdown and assign into list object in angularjs如何从下拉列表中获取选定的文本，值并分配给angularjs中的列表对象
【发布时间】：2016-02-08 14:19:33
【问题描述】：

这里我使用 angularjs 和 Web API。我想获取选定的下拉列表值并分配给列表对象，然后它将保存到数据库中。这是我的代码。

selectModule.controller("selectStateController", function ($scope) {
$scope.ILBasicInfoDTO.PYROrNonResidencyStateInfo.TaxpayerEarnedIncomeFromOtherState = { StateID: 10, StateName: 'Illinois' }, { StateID: 11, StateName: 'New York' }, { StateID: 12, StateName: 'Michigan' }, { StateID: 13, StateName: 'Georgia' }, { StateID: 14, StateName: 'California' };

$.ajax({
      url: serviceUrl + 'il/persistilbasicinfo',
      dataType: "json",
      type: "POST",
      async: true,            
      data: JSON.stringify({
                userId: userId,
                TaxReturnData:
                   {
                       UserDataId: userDataId,
                       TaxData: JSON.stringify($scope.ILBasicInfoDTO),
                       IsTaxMeterCall: false
                   },
            }),
            contentType: "application/json; charset=utf-8",
            error: function (jqXHR, textStatus, errorThrown) {
                ErrorHandling(jqXHR, errorThrown);
            },
            success: function (data, textStatus) {
                if (data != null) {

                }

            }
        })
});

<select id="ddlSpouseEearnedIncomeFromOtherState0" ng-model="ILBasicInfoDTO.PYROrNonResidencyStateInfo.TaxpayerEarnedIncomeFromOtherState">
<option value="">--Select--</option>
<option ng-repeat="TStatesExceptIL in TaxpayerStatesExceptILAndReciprocalStates" ng-value="TStatesExceptIL.StateId">{{TStatesExceptIL.StateCode}}</option>
</select>

【问题讨论】：

你没有清楚地提到你的问题。这段代码遇到了什么问题？
当我从 ng-model 中获得选定的下拉值时，我无法以 Json 格式保存到数据库中。例如：如果我当前选择模型值，它可以自动将 $$hashKey({"StateId":19,"$$hashKey","0"} ) 添加到列表 obj 中，我使用 angular.toJson 删除 $ $hashKey 并且它已从列表 obj 中删除，但它可能会出现以下错误。无法将当前 JSON 对象（例如 {"name":"value"}）反序列化为类型“System.Collections.Generic.List`1[JTL.Tax1040.BusinessObject.State]”，因为该类型需要 JSON 数组（例如 [ 1,2,3]) 正确反序列化。我该如何解决？
首先不要在角码上使用jquery ajax。使用 $http。
我试试这个然后告诉你ji

标签： html angularjs asp.net-web-api

【解决方案1】：

为了获取选中的文本和值，将完整的对象作为ng-value传递：

<select id="ddlSpouseEearnedIncomeFromOtherState0" ng-model="ILBasicInfoDTO.PYROrNonResidencyStateInfo.TaxpayerEarnedIncomeFromOtherState">

 <option value="">--Select--</option>
 <option ng-repeat="TStatesExceptIL in TaxpayerStatesExceptILAndReciprocalStates" ng-value="TStatesExceptIL">{{TStatesExceptIL.StateCode}}</option>
</select>

现在您可以从绑定到ng-model 即$scope.ILBasicInfoDTO.PYROrNonResidencyStateInfo.TaxpayerEarnedIncomeFromOtherState 的$scope 变量中获取文本和值

文本为：$scope.ILBasicInfoDTO.PYROrNonResidencyStateInfo.TaxpayerEarnedIncomeFromOtherState.StateCode

值为：$scope.ILBasicInfoDTO.PYROrNonResidencyStateInfo.TaxpayerEarnedIncomeFromOtherState.StateId

【讨论】：