下面是一个使用AngularJS的示例代码,根据两个单选按钮的选择来填充选择框:
HTML代码:
AngularJS Fill Select Box based on Two Radio Buttons
Choose Category:
Fruit
Vegetable
Choose Item:
JavaScript代码:
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
$scope.items = {
fruit: ['Apple', 'Banana', 'Orange'],
vegetable: ['Carrot', 'Broccoli', 'Tomato']
};
});
在这个示例中,我们定义了一个名为myApp
的AngularJS应用,并创建了一个名为myCtrl
的控制器。在控制器中,我们定义了一个items
对象,该对象包含了不同类别的选项。然后,我们使用ng-model
指令将单选按钮和选择框与控制器中的变量进行绑定。当单选按钮的选择发生变化时,选择框中的选项会根据当前选中的类别进行更新。