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

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

کاربر سایت

iran

عضویت از 1394/01/31

مشکل در لوط اطلاعات به کمک jquery

  • پنجشنبه 11 مرداد 1397
  • 10:11
تشکر میکنم

سلام

من کد زیر را دارم

<div  class="collapse show text-center" >
    <button id="@items.Id" class="btn btn-link bg-info showList " type="button">
        <span>نمایش اطلاعات</span>
    </button>
    <div></div>
</div>

می خواهم  داخل div بعد button اطلاعات را نمایش بدهم  و کد زیر را نوشته ام

@section scripts
{
    <script>
        var a = $(".showList");
        a.on("click",
            function() {
                var id = $(this).attr("id");
                var showDiv =
                    console.log(id);
                $.ajax({
                    url: '@Url.Action("FindUrl", "Test")',
                    datatype: 'application/json',
                    data: { id: id }
                }).done(function(result) {
                    $('button+div').html(result);
                });
            });
    </script>
}

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

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

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

ایمان مدائنی

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

  • جمعه 12 مرداد 1397
  • 09:44
<div  class="collapse show text-center" >
    <button id="@items.Id" class="btn btn-link bg-info showList " type="button">
        <span>نمایش اطلاعات</span>
    </button>
    <div id="show"></div>
</div>

@section scripts
{
    <script>
        var a = $(".showList");
        a.on("click",
            function() {
                var id = $(this).attr("id");
                var showDiv =
                    console.log(id);
                $.ajax({
                    url: '@Url.Action("FindUrl", "Test")',
                    datatype: 'application/json',
                    data: { id: id }
                }).done(function(result) {
                    $('#show').html(result);
                });
            });
    </script>
}

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

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

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

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