时间戳

首页 > 解决方案 > 选择时未调用 Ng-Change，已更新选项

jquery - 选择时未调用 Ng-Change，已更新选项

问题描述

我有两个下拉列表 d1 和 d2。

这是d1：

<select ng-change="getFeeList()">
 <option value="1"> Std 10</option>
  <option value="2"> Std 12</option>
 </select>

 function getFeeList(){
    //Get fee list and update options of d2
 }

这是d2：

<select ng-change="getAmount()">
 <option value="F1"> Tutitio Fee</option>
  <option value="F2"> Mess Fee</option>
 </select>

在 d1 更改时，d2 的选项会更新（使用新值）。

问题是当 d2 的选项在调用时更新时getFeeList()，getAmount()没有被调用但是当我选择 d2 值并更改然后getAmount()被调用时。

我在这里先向您的帮助表示感谢。

标签： jqueryangularjs

解决方案

虽然，您发布的代码不完整，但似乎您希望change在更新选择选项后触发事件d2。您可以在更新选项后手动触发 select 的 change 事件，d2如下所示。

使用 jQuery触发器：

$('#id_of_d2').trigger('change');

推荐阅读