Set DropDownList default selected Value and disable others based on condition in ASP.Net MVC

mahesh21...

SOLVED CLOSED ACTIVE ANSWERED
User: mahesh213
Posted: on May 19, 2020 06:06 AM
Forum: ASP.Net MVC
Answer: 1
Views: 15783

Hi,

Select Country Value If i can type value equal to abc in asp.net mVC

I have one dropdown with relevant values

Id Country

1 India

2 America

Initally after loading of page it can display all country values later in textbox i am going insert Value 'abc' then select by default

India value in dropdown and disable the dropdown

Could you please help me

@model Sample.Models.Country
<input type="text" id="Id" onchange="GetCountryValue()"/>
<br />
@Html.DropDownListFor(a => a.Country, new SelectList(Model.LstCountry, "ID", "Value", "selected"), "Country*", new { @class = "form-control", @id = "idtxtCountry", @onchange = "FetchTownDetails()" })
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
<script type="text/javascript">
    function GetCountryValue() {
        var Id = $('Id').text();
        $.ajax({
            url: "../../Marine/GetCountryValue",
            data: "id=" + Id,
            type: "POST",
            success: function (data) {
            }
        })
    }
</script>

dharmend...

0 3

Reply
ANSWER
User: dharmendr
Replied: on May 19, 2020 10:14 AM
Report

Hi mahesh213,

Refer below sample code.

Model

public class Country
{
    public List<SelectListItem> LstCountry { get; set; }
    public int? CountryId { get; set; }
    public int? CountryName { get; set; }
}

Controller

public class HomeController : Controller
{
    // GET: Home
    public ActionResult Index()
    {
        Country countries = new Country();
        countries.LstCountry = new List<SelectListItem>() {
            new SelectListItem { Text="India",Value="1"},
            new SelectListItem { Text="America",Value="2"}};
        return View(countries);
    }
}

View

@model DropDownList_Disable_MVC.Models.Country

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <input type="text" id="txtCountry" onchange="GetCountryValue()" />
    <br />
    @Html.DropDownListFor(a => a.CountryId, new SelectList(Model.LstCountry, "Value", "Text", "selected"), "Country*", new { @class = "form-control", @id = "idtxtCountry" })
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.js"></script>
    <script type="text/javascript">
        function GetCountryValue() {
            if ($('#txtCountry').val() == 'abc') {
                $.each($("select option"), function () {
                    if ($(this).text() != 'India') {
                        $(this).prop('disabled', true);
                    } else {
                        $("#idtxtCountry")[0].selectedIndex = 1;
                    }
                });
            }
        }
    </script>
</body>
</html>

Set DropDownList default selected Value and disable others based on condition in ASP.Net MVC

Company

Explore

Follow us

Contact Us