当用户在AngularJS中选择单选按钮时,激活特定的下拉列表
Activate particular drop-down list when user selects the radio button in AngularJS
在我解释我的问题之前,下面是我的简单代码
<body>
<div>
<input type="radio" name="salary"/>Per Year
<select>
<option value="0">All</option>
<option value="40000">$40,000.00+</option>
<option value="50000">$50,000.00+</option>
</select>
</div>
<div>
<input type="radio" name="salary"/>Per Hour
<select>
<option value="0">All</option>
<option value="20">$20.00+</option>
<option value="25">$25.00+</option>
</select>
</div
</body>
我想要实现的是当用户选择单选按钮值"每年"。我想禁用另一个单选按钮[值"每小时"]。所以他不能从其他下拉列表中选择值。
如何在AngularJS中做到这一点?他们有什么指令可以解决这个问题吗?
http://jsbin.com/boqexu/1/edit
<body ng-app="app">
<div ng-controller="firstCtrl">
<div>
<input type="radio" name="salary" ng-model="type" value="year"/>Per Year
<select ng-model="year.value" ng-disabled="type =='hour'">
<option value="0">All</option>
<option value="40000">$40,000.00+</option>
<option value="50000">$50,000.00+</option>
</select>
</div>
<div>
<input type="radio" name="salary" ng-model="type" value="hour"/>Per Hour
<select ng-disabled="type =='year'" ng-model="hour.value">
<option value="0">All</option>
<option value="20">$20.00+</option>
<option value="25">$25.00+</option>
</select>
</div>
</div>
</body>
相关文章:
- 如何使用jQuery选择下拉列表的值
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- Javascript按钮下拉列表
- jQuery表单添加不适用于下拉列表
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 禁用jQuery中的下拉列表
- 如何在按钮中显示下拉列表中选定的元素
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- 如何使用PHP和JS级联三个下拉列表
- 如何在使用剑道 MVVM 下拉列表时强制选择第一项
- 语义ui如何使用javascript启用或禁用下拉列表
- 无法使用PHP动态设置下拉列表中的值
- 如何根据对具有多行的先前列表的选择来动态加载下拉列表
- 下拉列表在使用z索引放置在前面后停止工作
- 从下拉列表中选择其他选项时激活文本框
- 如何触发 HTML 选择单击事件(使用选项激活选择下拉列表)
- 单击时无法激活导航栏中的引导下拉列表
- 我想在从下拉列表中选择其他选项时激活一个文本框,否则它将保持不活动状态
- 当用户在AngularJS中选择单选按钮时,激活特定的下拉列表
- 我如何瞄准或聚焦当输入被聚焦时激活的下拉列表li