title: In ag grid drop down, how to show name once selected and on save set value instead of name.?
body: <p>Using this  <a href="https://stackoverflow.com/questions/55048083/select-with-values-and-ids-inside-an-ag-grid-cell">reference</a>, I had worked ag grid drop down.</p>
  <p>Issue : once I selected a drop down value, then getvalue() returns value instead of name. Hence it shows the number on the column and it should be text.</p>
  <p><a href="https://i.stack.imgur.com/XzVuN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XzVuN.png" alt="enter image description here" /></a></p>
  <p>If I change that to name, while saving, its bind to name . But here it should be value.</p>
  <p>Required : getValue should return name &amp; saving the array should contain value.</p>
  <pre><code>agInit(params: any): void {
      this.params = params;
      this.value = this.params.value;
      this.name = this.params.name;
      this.options = params.options;
  
  }
  
  getValue(): any {
      return this.value;
  }
  
  ngAfterViewInit() {
      window.setTimeout(() =&gt; {
          this.input.element.nativeElement.focus();
      })
  }
  </code></pre>
  <p>stackbltiz here
  <a href="https://stackblitz.com/edit/angular-ag-grid-angular-lkrt4v?file=app%2Fdrop-down-editor%2Fdrop.down.editor.ts" rel="nofollow noreferrer">here</a></p>
  <p>How can I achieve this.</p>