i want to set dropdown value bt its not workingi am getting month from db and want to get selected that month which is coming from database 34inputname39lstwithdrwal34 i 34lstwithdrawlMonth3934valjsonilstwithdrawlMonth HtmlDropDownListForm gt mlstwithdrwaliilstwithdrawlMonth new SelectListnew new Value 34134 Text 34January34

Hi iammannTo set selected valie you need to loop throuth all the option and check the value if same then apply the selected attribute like in the below exampleHTMLlthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt lttitlegtlttitlegt ltscript type34textjavascript34 src34httpsajaxgoogleapiscomajaxlibsjquery183jqueryminjs34gtltscriptgt ltscript type34textjavascript34gt function var selectedMonth 34434 34idddlMonths option34eachfunction if thisval selectedMonth thisattr39selected39 39selected39 ltscriptgtltheadgtltbodygt ltform id34form134 runat34server34gt ltdivgt ltselect name34ddlMonths34 id34ddlMonths34gt ltoption value

Set DropDownList selected value using jQuery in ASP.Net MVC

iammann

SOLVED CLOSED ACTIVE ANSWERED
User: iammann
Posted: on Jan 16, 2018 02:50 AM
Forum: ASP.Net MVC
Answer: 1
Views: 29494
Sample Code: Download

i want to set dropdown value bt its not working.i am getting month from db and want to get selected that month which is coming from database.

    $("input[name='lstwithdrwal[" + i + "].lstwithdrawlMonth']").val(json[i].lstwithdrawlMonth);

    @Html.DropDownListFor(m => m.lstwithdrwal[ii].lstwithdrawlMonth, new SelectList(new[] 
                                                                        {
                    new { Value = "1", Text = "January" },
                    new { Value = "2", Text = "February" },
                    new { Value = "3", Text = "March" },
                    new { Value = "4", Text = "April" },
                    new { Value = "5", Text = "May" },
                    new { Value = "6", Text = "June" },
                    new { Value = "7", Text = "July" },
                    new { Value = "8", Text = "August" },
                    new { Value = "9", Text = "September" },
                    new { Value = "10", Text = "October" },
                    new { Value = "11", Text = "November" },
                    new { Value = "12", Text = "December" }
                                                                },
                "Value", "Text", ""), "--Select Month--", new { @class = "form-control select", @tabindex = (6 + a++) })

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Jan 16, 2018 03:02 AM
Modified: on Jan 16, 2018 03:04 AM
Report

Hi iammann,

To set selected valie you need to loop throuth all the option and check the value if same then apply the selected attribute like in the below example.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var selectedMonth = "4";
            $("[id*=ddlMonths] option").each(function () {
                if ($(this).val() == selectedMonth) {
                    $(this).attr('selected', 'selected');
                }
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <select name="ddlMonths" id="ddlMonths">
            <option value="0">Select Month</option>
            <option value="1">January</option>
            <option value="2">February</option>
            <option value="3">March</option>
            <option value="4">April</option>
            <option value="5">May</option>
            <option value="6">June</option>
            <option value="7">July</option>
            <option value="8">August</option>
            <option value="9">September</option>
            <option value="10">October</option>
            <option value="11">November</option>
            <option value="12">December</option>
        </select>
    </div>
    </form>
</body>
</html>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Set DropDownList selected value using jQuery in ASP.Net MVC

Company

Explore

Follow us

Contact Us