how can we get siblings input value on change of dropdown

Question

Data display in table form. and i want to get siblings input value on dropdown onchange.

<tr ng-repeat="x in record">
          <td>{{x.company }}</td>
          <td>{{x.contact}}</td>
          <td>
          <input type='hidden' value="{{x.id}}">
          <select name='status' >
            <option value='1'>Active</option>
            <option value='0'>Inactive</option>
            </select> 
            </td>
      </tr>

How can we get it.

You need to include an `ng-model` directive on both the `` and `` Dirertive API Reference](https://docs.angularjs.org/api/ng/directive/select) and the [AngularJS `` Directive API Reference](https://docs.angularjs.org/api/ng/directive/input). — georgeawg, Apr 28 '18 at 05:09

Slava Utesinov · Accepted Answer · 2018-04-28T05:59:27.147

angular.module('app', []).controller('ctrl', function($scope) {
  $scope.record = [
    { company: 'Comp1', contact: 'Cont1', id: 1 },
    { company: 'Comp2', contact: 'Cont2', id: 2 }
  ]
  $scope.process = function(input) {
    console.log(input);
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js">
</script>

<table ng-app='app' ng-controller='ctrl'>
  <tbody>
    <tr ng-repeat="x in record">
      <td>{{x.company }}</td>
      <td>{{x.contact}}</td>
      <td>
        <input type='hidden' ng-model='x.id' />
        <select name='status' ng-model='x.active' ng-change='process(x.id)'>
          <option value='1'>Active</option>
          <option value='0'>Inactive</option>
        </select>
      </td>
    </tr>
  </tbody>
</table>

score 0 · Answer 2 · answered Apr 28 '18 at 05:57

I just tryout to project answer over your question. This might some different because of little description. So provide more code detail if this will not get work for you.
HTML

<tr ng-repeat="x in record">
    <td>{{x.company }}</td>
    <td>{{x.contact}}</td>
    <td>
    <input type='hidden' value="{{x.id}}" ng-model="hdnInput">
    <select name='status' ng-model="status" ng-change="callMe($index)">
    <option value='1'>Active</option>
    <option value='0'>Inactive</option>
    </select> 
    </td>
</tr>

Controller

$scope.callMe = function(index){
    console.log(this.hdnInput[index]);
}

how can we get siblings input value on change of dropdown

2 Answers2