Javascript 选择行时用文本填充下拉字段

在HTML中，当从下拉列表中选择一个项目时，我试图使用jQuery用字符串数据填充下拉列表

                            <td class="col-md-3" colspan="4">
                                <label class="control-label">{{item.fields[11].displayName}}22</label>
                                <div class="dropdown" style="width:100%">
                                    <input type="text" class="form-control dropdown-toggle" data-toggle="dropdown" data-ng-disabled="formReadOnly" data-ng-model="item[item.fields[11].name]" data-ng-keyup="comboBoxGenOptions(2, 148, item[item.fields[11].name], 'searchGenericOptions')" />
                                    <ul class="dropdown-menu" style="width:100%">
                                        <li class="GpiId" data-ng-repeat="name in searchGenericOptions" style="width:100%"><a data-ng-click="changeData(item.fields[11].name, name)">{{name}}</a></li>
                                    </ul>
                                </div>
                                <label class="error" data-ng-show="issueSuppNum()">Please insert a valid generic name.</label>
                                @*<div class="GenId" data-strat-form-control data-field-display-id="1" data-vmformreadonly="formReadOnly" data-show-tool-tip="showToolTip(item.fields[7].htmlName)" data-strat-model="item" data-field="item.fields[7]"></div>*@
                            </td>

正确地拉动对象：

我做错了什么？我如何修复它

---

编辑：将类添加到字段。

首先，我认为您错过了一个。在您的类选择器中。 $'GpiId'.textname.GPI

到

---

第二，因为您已经在使用angular，所以我将尝试在GpiId中使用{{}

到目前为止，输出是什么？@Roljhon[object object]是填充字段的内容。去掉jQuery和bootstrap.js，使用angular ui引导和angular方法。建议阅读：在一个文档中不应该有任何dom代码controller@charlietfl我将查看一些文章。我还必须将$更改为jQuery，以避免混淆。

    $scope.changeData = function (propertyName, name) {
        $scope.item[propertyName] = name;
        $('GpiId').text(name.GPI);
    };

$('.GpiId').text(name.GPI);