Как установить значение по умолчанию для одиночного выбора раскрывающегося списка select2 через JQuery - PullRequest
Новая
       22

Как установить значение по умолчанию для одиночного выбора раскрывающегося списка select2 через JQuery

0 голосов
/ 28 января 2019

Я пытаюсь установить значение выбора по умолчанию для параметров select2, но оно не работает ... Кто-нибудь может мне помочь.?

здесь мой контроллер 

 public ActionResult OrderAcceptanceDetails()
    {
        var res = Db.CustomerDetails.ToList();
        Session["cust"] = new SelectList(res, "CUSTCODE", "CUSTCODE");
        var yearlist = Db.Years.ToList();
        Session["year"] = new SelectList(yearlist, "Year1", "Year1");
        //var spresult = Db.Database.SqlQuery<OADetail>("Sp_OADetails_GetAll").ToList<OADetail>();
        return View();
    }

здесьмой взгляд 

<div class="col-md-3">
            <p>
                @Html.DropDownList("Year", Session["year"] as SelectList, "-- Select Year-- ", htmlAttributes: new { @class = "selectpicker", data_style = "select-with-transition" })
            </p>
        </div>

вот мой javascript 

 <script type="text/javascript">
    $(document).ready(function () {
            $("#Year").children("option:last-child").attr("selected",trues);
            })
            </script>

Я хочу выбрать последний дочерний элемент раскрывающегося значения, которые поступают из базы данных. Скажите, пожалуйста, как это возможно .?

1 Ответ

0 голосов
/ 28 января 2019

Попробуйте использовать свойство триггера для этого: doc 

$(document).ready(function () {
  $("#Year").select2({ width: '75px' });
  $("#Year").children("option:last-child").attr("selected", true).trigger('change');
})
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/css/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.4/js/select2.min.js"></script>

<select id="Year">
  <option value="2017">2017</option>
  <option value="2018">2018</option>
  <option value="2019">2019</option>
</select>
...