Question

32

Binding input selection to dropdown Angularjs

rated 0 times [ 39] [ 7] / answers: 1 / hits: 17321 / 11 Years ago, tue, february 4, 2014, 12:00:00

Hi I have following input

<input type=text class=form-controlb ng-model=item.name id=name placeholder=Enter Name />

And following dropdown

                <div class=col-sm-12 ng-model=query>

                    <select ng-model=item class=form-control ng-options=a.name for a in addemployees | filter:name | orderBy:'name' value={{a.name}}>

                        <option value=>[Select Employee..]</option>



                    </select>

                </div>

Basically what I am trying to do is, when I enter name in the input box if dropdown has that name ints options to show it in dropdown.
I tried to do do filter by name and than orderby name but it doesnt show any on dropdown as selection.
Please let me know how to fix it.
Thanks

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

katieh

Add To Favorites

Follow

Total Points: 692

Total Questions: 104

Total Answers: 104

Location: Armenia

Member since Sat, Dec 31, 2022

1 Year ago

katieh questions

1 Uncaught TypeError: this.set is not a function in vue js

Sun, May 15, 22, 00:00, 2 Years ago

1 How to pass an icon as a prop?

Fri, Nov 26, 21, 00:00, 3 Years ago

1 React: hiding vs removing components

Wed, Sep 1, 21, 00:00, 3 Years ago

1 Error: Material-UI: The data grid component requires all rows to have a unique id property. A row was provided without id in the rows prop:

Tue, Apr 27, 21, 00:00, 3 Years ago

1 Set autocomplete off for Formik field

Wed, Oct 7, 20, 00:00, 4 Years ago

View All

answered 11 Years ago jamie · Accepted Answer

something like this may work:

<input type=text ng-model=text />

<select ng-model=selectedOption ng-options=option.name for option in options>

</select>



$scope.options = [{

  name: 'a',

  value: 'value-a'

}, {

  name: 'b',

  value: 'value-b'

}];



$scope.selectedOption = $scope.options[0];



$scope.$watch('text', function(v) {

  for (var i in $scope.options) {

    var option = $scope.options[i];

    if (option.name === v) {

      $scope.selectedOption = option;

      break;

    }

  }

});

http://plnkr.co/edit/Lj0p3wig9JfOM0UkpDrd