dropdown reload

by Nitin Bhatia

HTML

<div ng-app>
  <div ng-controller="Test">
      <h2>{{name}}</h2>
      <div align= "center" >
        <ul align = "center" >
            <li>
                <label >
					<span style="color:white"class="label-for"></span>
                    <select id= "dep" class="dark">
                        <option>Select</option>
                        <option>Dropdown 1</option>
                        <option>Dropdown 2</option>
                        <option>Dropdown 3</option>
                        <option>Dropdown 4</option>
                        <option>Dropdown 5</option>
                    </select>
                </label>
            </li>
			<li>
                <label >
					<span style="color:white"></span>
                    <select id="subdep" >
                        <option>Select module</option>
                        <option>Dropdown 1</option>
                        <option>Dropdown 2</option>
                        <option>Dropdown 3</option>
                        <option>Dropdown 4</option>
                        <option>Dropdown 5</option>
                    </select>
                </label>
            </li>
			
			<button class="btn btn-mid dark" id="mysubmit"  style= "text:white" ng-click="reload()">Reload</button>
			<button class="btn btn-mid dark" id="play" style="text:white">Play</button>
		</ul>
		
        
</div>
      <table>
          <thead>
              <th>Name</th>
              <th>Id</th>
          </thead>
          <tbody ng-repeat="l in list">
              <tr>
                  <td>{{l.name}}</td>
                  <td>{{l.id}}</td>
              </tr>
          </tbody>
      </table>
  </div>
</div>

JavaScript

function Test($scope) {
  $scope.name = "Hello";
    
    $scope.reload = function() {
     var dd1 = document.getElementById('dep').value;
    var dd2 = document.getElementById('subdep').value;
        if(dd1 === 'Dropdown 1' && dd2 === 'Dropdown 2') {
            $scope.list = [
            {name:"Rams",id:1},
            {name:"XYZ",id:2}
    ];        
        }
        else
        {
            $scope.list = [];
        }
    };
    
    
  }