单击另一个下拉菜单时,下拉菜单中缺少离子选择的项目

塞尔坎

我的页面中有三个下拉菜单,所有下拉菜单均从Web服务获取数据。页面加载时一切都很酷。当我打开它们时,所有下拉列表都会获得正确的数据。

但是,当我从一个下拉菜单中选择一个项目,然后单击另一个下拉菜单以选择其项目时,我选择的项目的第一个下拉菜单就丢失了,就像我之前没有选择任何东西一样。你能帮我解决这个问题吗

<tr>
    <td>

        <select id="3089" ng-model="x.x" ng-options="x.y for x in listx track by x.x">
            <option value="">{{x.y}}</option>
        </select>

    </td>
</tr>
<tr>
    <td>

        <select id="3090" ng-model="x.x" ng-options="x.yfor x in listxx track by x.x">
           <option value="">{{x.y}}</option>
        </select>

    </td>
</tr>
<tr>
    <td>

        <select id="3091" ng-model="x.x" ng-options="x.yfor x in listxxx track by x.x">
            <option value="">{{x.y}}</option>
        </select>

    </td>
</tr>
巴斯蒂安·W

当您定义了所有具有相同ngModel的选择字段时

ng-model="x.x"

任何选择的任何更改都会导致上的更改$scope.x.x

这就是为什么它表现得像这样:)

因此,您必须在每个ngModel上设置不同的变量

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如果单击另一个下拉菜单,如何使下拉菜单自动关闭?

单击另一个关闭下拉菜单

根据另一个下拉菜单选择过滤下拉菜单

在另一个下拉菜单中选择选项时显示下拉菜单

在另一个下拉菜单中选择特定选项时,删除DropDownListFor选择

当我通过另一个下拉菜单悬停时,出现下拉菜单的子菜单

单击另一个幻灯片菜单或下拉菜单时,幻灯片菜单不会隐藏

选择另一个时关闭下拉菜单

当另一个下拉菜单打开时隐藏侧面菜单中的一个下拉菜单

jQuery-在外部单击或单击另一个下拉菜单时,关闭下拉菜单/删除活动类

从另一个下拉菜单中选择一个值时,如何禁用下拉菜单值?

在选择另一个select2下拉菜单时重置一个select2下拉菜单的元素

从React.js的另一个下拉菜单中选择一个选项时如何重置下拉菜单值

下拉选择的选项在另一个下拉菜单中选择选项

根据使用Javascript在另一个下拉菜单中选择的内容来设置下拉菜单值

禁用p下拉菜单,具体取决于选择另一个p下拉菜单PrimeNG

如何基于另一个下拉菜单更改下拉菜单值

根据另一个下拉菜单更改下拉菜单

CSS在下拉菜单中有另一个下拉菜单

尝试根据快速在另一个下拉菜单中选择的值过滤一个下拉菜单中的值

选择上一个下拉菜单时,将显示新的下拉菜单

关闭下拉菜单,同时在引导程序中打开另一个菜单

多个下拉菜单,即使我单击另一个下拉菜单,也只有一个可用

根据另一个下拉菜单的选定值,过滤并显示一个下拉菜单的选项

选择另一个下拉菜单时生成select2字段

我有两个下拉菜单,如果更改下拉菜单的值,它将影响另一个下拉菜单

打开另一个时如何关闭相邻的下拉菜单

打开另一个时导航下拉菜单不会关闭

来自另一个下拉菜单的国际电话输入更改下拉菜单拨号代码