选中行时,使用文本填充下拉字段

时间:2017-02-06 17:10:49

标签: javascript jquery html angularjs

我有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>

下拉列表中包含一个对象:

enter image description here

当我点击它时,我想显示GPI字段:

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

正确拉动物体:

enter image description here

我做错了什么以及如何解决?

编辑:将字段添加到字段。

1 个答案:

答案 0 :(得分:1)

首先,我认为你错过了一个&#34;。&#34;在班级选择器中。
$('GpiId').text(name.GPI);

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

其次,既然你已经使用了角度,我会尝试在GpiId中使用{{}}。