当前位置： 移动技术网 > IT编程>开发语言>.net > ASP.NET MVC下使用AngularJs语言(六)：获取下拉列表的value和Text

ASP.NET MVC下使用AngularJs语言(六)：获取下拉列表的value和Text

2018年03月11日  | 移动技术网IT编程  | 我要评论

对外经贸大学吧,澄爱,珍馐传

前面Insus.NET有在Angularjs实现DropDownList的下拉列表的功能。但是没有实现怎样获取下拉列表的value和text功能。

下面分别使用ng-click和ng-change来实现。

先参考这篇《》

 在此篇的的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来实现。这个往往是在下拉列表选择变化时，作来事件的反应。

实现之前，先参考另一篇《》

 

打开这篇的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了，看看结果如何：

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网