Disable Dropdown

I want ddlStatus attribute to be disable when click on Add


    



    
        
            
                Add/Update Record
                                                     
            

            
                
                    
                        
                            
                                Academy Name *
                                

                            
                        

                        
                            
                                Status
                                
                                    Active
                                    Blocked

Thanks

Hi Ramco, you need to use JavaScript. Below is a sample HTML code on how to do that.

@model Sample.ASPDotNETCore.Models.StudentModel
@{
ViewData["Title"] = "CreateStudent1";
}
"text/javascript">
function submitStudent() {
var data = {
Name: $("#name").val(),
Email: $("#email").val(),
Phone: $("#phone").val()
}
console.log(data);
$.ajax({
type: 'POST',
url: '/Home/AddStudent',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(data),
success: function (result) {
alert('Successfully received Data ');
console.log(result);
$("#ddlBranch").attr("disabled", true);//disable dropdown
},
error: function () {
alert('Failed to receive the Data');
console.log('Failed ');
}
})
}
Add Student Deatils with dropdown disable using Ajax Post without Form Serialization
class="row">
class="col-md-4">
"studenteForm" novalidate class="needs-validation">
"ModelOnly" class="text-danger">

Hi Ramco,

Try this

"text/javascript">
$(document).ready(function () {
$("#ButtonID").click(function () {
$("#ddlStatus").attr("disabled", "disabled");
});
});
------------------------ OR
"text/javascript">
$(document).ready(function () {
$("#ButtonID").click(function () {
$('#ddlStatus').prop('disabled', true);
});
});

Hi Vishal

Where i should write your code

Thanks

Try this to disable dropdown on Button click

$("#ddlStatus").attr("disabled", "disabled");

In that case you need to open the Modal popup with Javascript and not with data-target attribute.

"button" class="btn bg-info btn-sm">class="icon-plus22 mr-2">Add Academy

Hi Satya

Below is the code

Thanks

Hi try below,

"text/javascript">
$(document).ready(function () {
$("#IDofButtonAdd").click(function () {
$("#ddlStatus").removeAttr("disabled");
});
});

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Satya Karki4y ago
Hi Ramco, you need to use JavaScript. Below is a sample HTML code on how to do that.
@model Sample.ASPDotNETCore.Models.StudentModel

@{
    ViewData["Title"] = "CreateStudent1";
}

"text/javascript">
    function submitStudent() {
        var data = {
            Name: $("#name").val(),
            Email: $("#email").val(),
            Phone: $("#phone").val()
        }
        console.log(data);
        $.ajax({
            type: 'POST',
            url: '/Home/AddStudent',
            contentType: 'application/json; charset=utf-8',
            data: JSON.stringify(data),
            success: function (result) {
                alert('Successfully received Data ');
                console.log(result);
                $("#ddlBranch").attr("disabled", true);//disable dropdown
            },
            error: function () {
                alert('Failed to receive the Data');
                console.log('Failed ');
            }
        })
    }




Add Student Deatils with dropdown disable using Ajax Post without Form Serialization


class="row">
    class="col-md-4">
        "studenteForm" novalidate class="needs-validation">
            "ModelOnly" class="text-danger">
class="form-group">
for="Name" class="control-label">
for="Name" class="form-control" id="name" required />
for="Name" class="text-danger">

Disable Dropdown

Add/Update Record

Add Student Deatils with dropdown disable using Ajax Post without Form Serialization