JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="https://t4t5.github.io/sweetalert/dist/sweetalert-dev.js"></script>
<link rel="stylesheet" href="https://t4t5.github.io/sweetalert/dist/sweetalert.css">
<div ng-app="myApp" ng-controller="myCtrl">
  <select ng-model="mysel" ng-init="mysel = '-1'">
    <option value='-1'>Select</option>
    <option value='1'>A</option>
    <option value='2'>B</option>
  </select>
  <input ng-model="test">
  <button ng-click="clickme()">
    click
  </button>
</div>

JavaScript

angular.module('myApp', []).controller('myCtrl', function($scope) {
  $scope.clickme = function() {
    swal({
      title: "Are you sure?",
      text: "Save the name",
      type: "warning",
      showCancelButton: true,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "Save and Add Another",
      cancelButtonText: "New",
      closeOnConfirm: true,
      closeOnCancel: true
    }, function(isConfirm) {
      if (isConfirm) {
        // saves the input values & selected values using ajax call
        $scope.test = '';
        console.log(  $scope.test);
      } else {
       // reset input values & selected values and fresh input again
        $scope.test = '';
        $scope.mysel = '-1';
      }
    });
  };
});