title: Primeng p-dropdown onChange get value of the Object
body: <p>I have a <code>p-dropdown</code> in which I want to get the value that is selected.</p>
  
  <pre><code>&lt;p-dropdown optionLabel="name" [options]="things"
                    placeholder="Select Thing" [(ngModel)]="input" (onChange)="getValue(input)"&gt;&lt;/p-dropdown&gt;
  </code></pre>
  
  <p>typescript:</p>
  
  <pre><code>//each line prints the same thing of [object Object].
  getValue(changedValue){
      console.log(changedValue);
      console.log(this.input);
      console.log(this.input.valueOf());
  }
  </code></pre>
  
  <p>I have also tried using <code>(ngModelChange)</code> instead of <code>(onChange)</code> as well as trying <code>$event</code>, <code>$event.target.value</code>, <code>$event.value</code> for the parameter to <code>getValue</code> in my html. The console always prints <code>[object Object]</code>.</p>
  
  <p>My motivation for wanting to see the actual value is that I need the value to populate another dropdown. I use this value that I'm trying to see, as a search value to actually populate the other dropdown. This search keeps returning <code>undefined</code>.</p>