根据单选按钮更改设置默认下拉列表值

debugcn 发表于 Dev

萨蒂什·库马尔

如果单选按钮已更改，我想在下拉列表中设置默认值，并在下拉列表中显示该值。

1）如果我选择单选按钮为“否”，我想在下拉列表中显示“第四”。否则如果它是“是”不需要任何条件，它是默认的。

2）我想在下拉列表中发送“第四”文本，一旦我将单选按钮选择为“否”。

例子，

'use strict';

var app = angular.module('myApp', []);
app.controller('AppCtrl', function($scope) {
  $scope.mail_notifications = [{
      "key": "all",
      "value": "First"
    },
    {
      "key": "selected",
      "value": "Second"
    },
    {
      "key": "only_my_events",
      "value": "Third"
    },
    {
      "key": "only_assigned",
      "value": "Fourth"
    },
    {
      "key": "only_owner",
      "value": "Fifth"
    },
  ];
  $scope.mail_notification = 'all';

});

<form id="myForm">
  <input type="radio" name="myRadio" value="Yes" /> Yes <br />
  <input type="radio" name="myRadio" value="No" /> No <br />
</form>


<div ng-app="myApp">
  <div ng-controller="AppCtrl">
    {{message}} <br />

    <!--Options value is defualt 0, 1 ... and it's non change able -->
    <span>Default Otions:</span>
    <select ng-model="mail_notification" ng-options="c.key as c.value for c in mail_notifications"></select>
    <br />


  </div>
</div>

对我来说，下拉列表是空的。谁能告诉我该怎么做？

普拉蒂克·潘巴尔

您可以为单选按钮分配 ng-click 事件。但是为此，您必须在控制器中编写表单标签。

小提琴

'use strict';

var app = angular.module('myApp', []);
app.controller('AppCtrl', function($scope){
    $scope.mail_notifications = [
        {
            "key": "all",
            "value": "First"
        },
        {
            "key": "selected",
            "value": "Second"
        },
        {
            "key": "only_my_events",
            "value": "Third"
        },
        {
            "key": "only_assigned",
            "value": "Fourth"
        },
        {
            "key": "only_owner",
            "value": "Fifth"
        },
    ];
    $scope.mail_notification = 'all';
   
   $scope.radioSelection=function(val){
   	    if(val==2){
           $scope.mail_notification='only_assigned';
        }
        if(val==1){
           $scope.mail_notification='all';
        }
   }
   
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>


<div ng-app="myApp">
    <div ng-controller="AppCtrl">
        {{message}} <br />
        <form id="myForm">
<input type="radio" name="myRadio" value="1" ng-click="radioSelection(1)"/> 1 <br />
<input type="radio" name="myRadio" value="2" ng-click="radioSelection(2)"/> 2 <br />
</form>
        <!--Options value is defualt 0, 1 ... and it's non change able -->
        <span>Default Otions:</span>
        <select ng-model="mail_notification" ng-options="c.key as c.value for c in mail_notifications"></select>
        <br />
        
                     
    </div>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。