ASP.NET MVC下使用AngularJs語言(六)：獲取下拉選單的value和Text

Insus.NET發表於2018-03-10
ASP.NETMVCAngularJS

前面Insus.NET有在Angularjs實現DropDownList的下拉選單的功能。但是沒有實現怎樣獲取下拉選單的value和text功能。

下面分別使用ng-click和ng-change來實現。

先參考這篇《ASP.NET MVC下使用AngularJs語言(三)：ng-options》http://www.cnblogs.com/insus/p/8527395.html

 在此篇的的angularjs的控制器新增select的程式碼：

 

 $scope.GetValue = function () {
            var value = $scope.ddlPhones.ID;
            var text = $scope.ddlPhones.Name;
            $window.alert("選擇的Value: " + value + "\n選擇的Text: " + text);
        }
Source Code

 

然後有ASP.NET MVC的檢視中，新增一個銨鈕：

 

演示：

 

 

另外一個功能環境，是使用ng-change來實現。這個往往是在下拉選單選擇變化時，作來事件的反應。

實現之前，先參考另一篇《ASP.NET MVC下使用AngularJs語言(五)：ng-selected》http://www.cnblogs.com/insus/p/8530354.html

 

開啟這篇的angularjs的controller javascript程式碼，我們新增ng-change的程式：

 

 

 $scope.GetValue = function () {
            var value = $scope.SelectedCar.ID;
            var text = $scope.SelectedCar.Name;
            $window.alert("選擇的Value: " + value + "\n選擇的Text: " + text);
        }
Source Code

 

下面再來看看html的程式：為了能獲取text的值。Insus.NET得對原有的html程式碼，稍作修改：

OK了，看看結果如何：

 

相關文章