مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

rooz450

عضویت از 1392/08/12

چگونه اطلاعات در دراپ نمایش دهم

  • سه شنبه 16 آذر 1395
  • 13:57
تشکر میکنم

سلام یک دراپ به صورت زیر است 

<select id="ArticleClassID" name="ArticleClassID">
            <option value=""></option>
        </select> 


</select> می خواهم نتیجه خروجی که به وسیله json بر می گردانم در دراپ بالا نمایش دهم که به صورت زیر می نویسیم اما اطلاعات در دراپ بالا نمایش نمی دهد 

            success: function (data) {
                if (data.length==0) {
                    $("<option></option>")
                    .val("0")
                    .text("....")
                    .appendTo($("#ArticleClassID"));
                }
                $.each(data, function (i, item) {
                   
                    $("#ArticleClassID").appendTo('<option value="'
                    + data.Value + '">'
                    + data.Text + '</option>');
                });
            }
        });
    }
</script>

پاسخ های این پرسش

تعداد پاسخ ها : 9 پاسخ
کاربر سایت

parsdarab

عضویت از 1393/07/28

  • سه شنبه 16 آذر 1395
  • 14:58

این کد استفاده کن

    $(document).ready(function() {
        $("input[type='checkbox'][name='ToStatus']").bootstrapSwitch();

        $("#CountryId").change(function() {
            var SelectedVal = $(this).val();
            $("#StateId").html('');
            $("#StateId").append($("<option></option>").attr("value", '')
                .text('@Resource.Title.Choose'));
            if (SelectedVal != '') {

                $.get('@Url.Action("SelectStates")',
                {
                    "Id": SelectedVal
                }).success(function(data) {
                    $.each(data, function(index, item) {
                        $("#StateId").append($("<option></option>").attr("value", item.Id)
                            .text(item.Caption));
                    });
                });
            }
        });
    });

کاربر سایت

rooz450

عضویت از 1392/08/12

  • سه شنبه 16 آذر 1395
  • 17:04

از روش بالا استفاده کردم ولی اطلاعات نمایش نداد

کاربر سایت

parsdarab

عضویت از 1393/07/28

  • سه شنبه 16 آذر 1395
  • 17:31

چه موقع می خواهید داده ها نمایش بدهید؟

کد رو کامل بزارید و هم چنین سمت سرور

کاربر سایت

rooz450

عضویت از 1392/08/12

  • سه شنبه 16 آذر 1395
  • 17:57

زمانی که آیتمی از دراپ اول انتخاب کردم با توجه به آن می خواهم آیتمهای مربوط به دراپ دان لیست اول نمایش بدهم 

  public ActionResult GetArticleClass(Guid id )
        {
            List<khodro_noe2> articleClass = db.khodro_noe2s.Where(a => a.iD_neo == id).ToList();
            return Json(articleClass, JsonRequestBehavior.AllowGet);
        }
 @Html.DropDownList("CategroyID", (IEnumerable<SelectListItem>)ViewBag.iD_neo, "...", new { id = "iD_neo", onchange = "GetArticleClass(this)" })
        <select id="ArticleClassID" name="ArticleClassID">
            <option value=""></option>
        </select> 
<script type="text/javascript">

   function GetArticleClass(id) {
        $("#ArticleClassID").empty(); //SELECT
        $.ajax({
            url: '/new/GetArticleClass/' + $("#iD_neo").val(),
            type: "get",
            datatype: "json",
            success: function (data) {
                
                if (data.length==0) {
                    $("<option></option>")
                    .val("0")
                    .text("....")
                    .appendTo($("#ArticleClassID"));
                }
                $.each(data, function (i, item) {
                    //در اینجا می خواهم اطلاعات در دراپ دوم بریزم

                });
            }
        });
    }
</script>

کاربر سایت

parsdarab

عضویت از 1393/07/28

  • چهارشنبه 17 آذر 1395
  • 11:47

خوب موقعی که دروپ دون لیست ایتم هاش تغییر میکنه باید یک اکشن صدا زده بشه

در کدی که شما گذاشتید این مورد دیده نمی شه

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • چهارشنبه 17 آذر 1395
  • 11:52

دقت نکردید دوست من

بعد از Change اکشن getCities در نمونه فراخوانی میشه

کاربر سایت

rooz450

عضویت از 1392/08/12

  • چهارشنبه 17 آذر 1395
  • 17:23
خوب موقعی که دروپ دون لیست ایتم هاش تغییر میکنه باید یک اکشن صدا زده بشه
در کدی که شما گذاشتید این مورد دیده نمی شه

onchange = "GetArticleClass(this)"در اینجا صدا زدم و در اینجا پاس دادم مقدار و در اینجا url: '/new/GetArticleClass/' + $("#iD_neo").val(),پاس دادم

دقت نکردید دوست من
بعد از Change اکشن getCities در نمونه فراخوانی میشه

متوجه نمی شوم کدام اکشن می گوید

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • چهارشنبه 17 آذر 1395
  • 20:02

در کنترلر Home قرار داره

کاربر سایت

parsdarab

عضویت از 1393/07/28

  • پنجشنبه 18 آذر 1395
  • 10:47

وقتی دروپ دون تغییر میکنه مقداری که تغیر کرده گرفته میشه

var SelectedVal = $(this).val();

مقدار قبلی پاک میشه وفقط عبارت "انتخاب کنید " اضافه میشه

$("#StateId").append($("<option></option>").attr("value", '')
                .text('@Resource.Title.Choose'));

اگر مقدار خالی نباشد

if (SelectedVal != '') {

این ادرس رو صدا بزن

$.get('@Url.Action("SelectStates")',
                {
                    "Id": SelectedVal
                })

در صورتی که داده ای از کنترلر برگردد ان را در دروپ دون بریز

.success(function(data) {
                    $.each(data, function(index, item) {
                        $("#StateId").append($("<option></option>").attr("value", item.Id)
                            .text(item.Caption));
                    });

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)