JSFiddle - React, Tailwind, and code Playground

by Aaron Hull

HTML

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

<script>
    function main($scope) {
        $scope.selection = "";
        $scope.search = {
            one: "test",
            two: "test2",
            three: "test3"
        };
    }
</script>

<div ng-app >
    <div ng-controller="main">
        
        <select data-ng-model="selection">
            <option value="">Select Search</option>
            <option value=1>One</option>
            <option value=2>Two</option>
            <option value=3>Three</option>
        </select>
        <input type="text" placeholder="search One" data-ng-model="search.one" data-ng-if="selection==1"/>
        <input type="text" placeholder="search Two" data-ng-model="search.two" data-ng-if="selection==2"/>
        <input type="text" placeholder="search Three" data-ng-model="search.three" data-ng-if="selection==3"/>
        Selected: {{selection}}
        Search by: {{search}}
        
    </div>
</div>