JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Demo for select box, AngularJS</title>
    <script type="text/javascript"
        src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

</head>
<body>
    
       <div ng-app="myapp" ng-controller="myctrl" class="centered">
        <label>Select User</label>
        <select ng-model="selectedItem" ng-options="item for item in list">
            <option value="">-- choose --</option>
        </select>
        <h2>Selected:</h2>
        {{selectedItem}}
    </div>
    <script type="text/javascript">
        var app = angular.module('myapp', []);
        app.controller('myctrl', function($scope, $http) {
                        
  $scope.list = ["Reena","Diya","New","New1","Diya","Sonali","Sonali","Sonali"];
            /*
            $http({
                method : "GET",
                url : "http://localhost/demo/angular/getdata.php"
            }).then(function(response) {
                $scope.list = response.data.records;
            });
            */
        });
    </script>
    
</body>
</html>