title: Angular 2/4 Onselect not getting
body: <p>I am trying to develop two drop downs in my Angular application. The first one is shop list and the other one is godown list. When I select a shop it will show its on data and selected shop list, but when I select godown it's not getting on the basis of the selected one.</p>
  
  <p>Here I have two drop down boxes. There are so many questions on here but I could not get the correct answer anywhere.</p>
  
  <p>TypeScript file:</p>
  
  <pre><code>ngOnInit() {
    this._enqService.FetchPopulateOutlets().subscribe(outletsData =&gt; {
      let allShops = {
        ShopName: 'All',
        ShopID: 0
      }
      this.outletDetails = [allShops, ...outletsData]
    }, error =&gt; {
      console.error(error);
      this.statusMessage = "Problem with the service.Please try again after sometime";
    });
    this._enqService.FetchGodownPopulateOutlets().subscribe(GodownsData =&gt; {
      let allGodowns = {
        GodownName: 'All',
        GodownId: 0
      }
      this.GodownDetails = [allGodowns, ...GodownsData]
    }, error =&gt; {
      console.error(error);
      this.statusMessage = "Problem with the service.Please try again after sometime";
    });
  }
  onSelect(shopid: number) {
      this._enqService.FetchItemDetails(shopid, this.godownid, this.pageIndex).subscribe(itemsData =&gt; this.itemdetails = itemsData, error =&gt; {
        console.error(error);
        this.statusMessage = "Problem with the service.Please try again after sometime";
      });
  </code></pre>
  
  <p>My HTML:</p>
  
  <pre><code>&lt;span&gt;
    &lt;select class="form-control" name="outletDetail" (change)="onSelect($event.target.value)"&gt;
      &lt;option value="0" disabled&gt;Select a Shop&lt;/option&gt;
      &lt;option *ngFor="let outletDetail of outletDetails" [value]="outletDetail.ShopID"&gt;{{outletDetail.ShopName}}&lt;/option&gt;
    &lt;/select&gt;
  &lt;/span&gt;
  &lt;span&gt;
    &lt;select class="form-control" name="godowndata" (change)="onSelect($event.target.value)"&gt;
      &lt;option value="0" disabled&gt;Select a Godown&lt;/option&gt;
      &lt;option *ngFor="let godowndata of GodownDetails" [value]="godowndata.GodownId"&gt;{{godowndata.GodownName}}&lt;/option&gt;
    &lt;/select&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I think the problem is in Onselect because here I use two parameter and in TypeScript I have use only one method.</p>