Html 基于单选按钮cha初始化下拉列表值

Html 基于单选按钮cha初始化下拉列表值,html,angularjs,Html,Angularjs,$scope.identityProof=[“卡纳塔克邦”、“泰米尔纳德邦”、“安得拉邦”、“德里”、“喀拉拉邦”、“比哈尔邦”] 是 否 {{message}} 默认通知: --选择一个文档-- 您的单选按钮也应该位于angular的标签内,以便识别值的变化。然后您可以使用ng change实现您想要的 <select ng-model="selectedVal" ng-options="b for b in identityProof track by b"></sel

$scope.identityProof=[“卡纳塔克邦”、“泰米尔纳德邦”、“安得拉邦”、“德里”、“喀拉拉邦”、“比哈尔邦”]


{{message}}
默认通知: --选择一个文档--
您的单选按钮也应该位于angular的标签内,以便识别值的变化。然后您可以使用
ng change
实现您想要的

 <select ng-model="selectedVal" ng-options="b for b in identityProof track by b"></select>
<input type="radio" name="radio_select" value="yes" ng-model="selectedRadio"/>Yes
<input type="radio" name="radio_select" value="no" ng-model="selectedRadio" ng-change="selectedVal='Delhi'" />No

对
不

这是你的电话号码。希望这有帮助

这是一个简单的
ng更改
逻辑您正在寻找的:

看法

在下拉列表中,默认值为“泰米尔纳德邦”。如果我改为“是”,则应改为“德里”。同样,如果我选择否,它应该显示与“泰米尔纳德邦”相同的现有值。你能告诉我这个吗。它不再更新。您必须将下拉列表的
ng model
设置为泰米尔纳德邦,并添加
ng change
,当用户选择Yes时,该下拉列表将设置为泰米尔纳德邦。我建议您阅读更多有关
ng change
的内容,并尝试一些示例。这个链接可能会让你领先一步
<div ng-controller="MyCtrl">
  <input type="radio" 
         name="myRadio" 
         ng-model="radioValue" 
         ng-value="true" 
         ng-change="validateRadio()" /> Yes<br />
  <input type="radio" 
         name="myRadio" 
         ng-model="radioValue" 
         ng-value="false" 
         ng-change="validateRadio()" /> No<br />
  <br />
  <select id="idType" 
          name="idProff" 
          ng-model="completiondetail.IDProofType" 
          ng-options="item.proofName as item for item in identityProof track by item">
    <option value="" selected>--Choose a Document--</option>
  </select>
</div>
var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl', function($scope) {

  $scope.radioValue = false;
  $scope.identityProof = ["karnataka", "Tamilnadu", "Andhra", "Delhi", "Kerala", "Bihar"];
  $scope.completiondetail = {
    IDProofType: null
  };

  $scope.validateRadio = function() {
    if ($scope.radioValue) {
      $scope.completiondetail.IDProofType = 'Delhi';
    }
  }
});