【问题标题】:How to get the text name of selected dropdown value如何获取所选下拉值的文本名称
【发布时间】:2018-07-30 13:28:34
【问题描述】:

如何获取所选下拉值的文本名称。

使用prime ng下拉菜单

HTML

   <p-dropdown [options]="regionSelectList" [(ngModel)]="reg" [filter]="true" [ngModelOptions]="{standalone: true}">  </p-dropdown>
    <button class="btn btn-primary" (click)="addRecipient(reg);">Add</button>

TS

addRecipient(reg: any){
    console.log(reg) //which return code not text.
}

如何使用代码获取文本或标签?

【问题讨论】:

    标签: typescript primeng primeng-dropdowns


    【解决方案1】:

    你如何填充regionSelectList

    如果看起来像

    this.regionSelectList = [{label:'Region A', value:'regionA'}, {label:'Region B', value:'regionB'}];

    应该没问题:您将在 addRecipient 方法中获得 value 属性。

    查看工作Plunker

    【讨论】:

    • 有没有办法在onChange事件中获取标签值?
    • 是的,试试event.value
    • event.value 只给出值。因为选项类似于 [ { label: 'lable1', value:'value1'}]。它只给出价值。我需要阅读标签。
    • 通过值在选项数组中找到正确的对象。然后,您就可以访问该标签了。
    • 当我这样搜索时,我有两个相似的值(7,7),它只返回第一次出现的值。这就是我问的原因
    猜你喜欢
    • 1970-01-01
    • 2018-12-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-01-17
    • 2012-10-18
    • 1970-01-01
    相关资源
    最近更新 更多