@page
@model IndexModel 
 
<form asp-page-handler="Submit" method="post">
    <div class="row">
        <select id="DrpDwnRequestType" class="form-control">
            <option value="">Select Type</option>
            <option value="Type A">Type A</option>
            <option value="Type B">Type B</option>
            <option value="Type C">Type C</option>

        </select>
        <span id="ErrRequestType" style="color:red" />
    </div> 
    <div class="row"> 
        <button type="submit" title="Submit" class="btn btn-success btn-sm" onclick="return OnSubmitValidate()">
            Submit
        </button>
    </div>
</form> 
@section Scripts{ 
    <script>
        function OnSubmitValidate() {
            event.preventDefault();
            var RequestType = document.getElementById("DrpDwnRequestType");
            var RequestTypeValue = RequestType.options[RequestType.selectedIndex].value;
            alert(RequestTypeValue);
            if ((RequestTypeValue == "") || (RequestTypeValue == null)) {
                document.getElementById("ErrRequestType").innerHTML = "Please select Request Type"; 
                return false;
            }

            document.getElementById("ErrRequestType").innerHTML = "";
            $.ajax({
                type: 'POST',
                url: "/Index?Handler=Submit",
                headers: { "RequestVerificationToken": $('input[name="__RequestVerificationToken"]').val() },
                success: function (response) {
                    alert(response);
                    //update the page content based on the response.
                }
            });
        } 
    </script> 
}