رفتن به مطلب
انجمن پشتیبانی لاراول ایران

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

negar_a

بدست اوردن ایدی هر سطر

Recommended Posts

سلام دوستان . سوال من مربوط به جی کوئری و اجاکس هست.

 چند سطر وجود داره که هر سطر ایدی منحصر به خودشو داره . و در هر سطر یک input با کلاس quantity وجود داره که میخوام وقتی quantity کلیک و change شد هم ایدی سطرش tr رو برگردونه . و هم value از input

الان با این کد value رو برمیگردونه اما نمیدونم همزمان چطور ایدی tr رو هم برگردونه
بخشی از کد html :

<tbody>
<tr id="id1">
    <td>کالا1</td>
    <td ><input type="number" class="quantity" value="1"></td>
    <td class="price">100</td>
    <td class="sum">100</td>
</tr>
<tr id="id2">
    <td>کالا2</td>
    <td ><input type="number" class="quantity" value="4"></td> 
    <td class="price">200</td> 
    <td class="sum">800</td>
</tr> 
<tr id="id3">
    <td>کالا3</td> 
    <td ><input type="number" class="quantity" value="3"></td> 
    <td class="price">300</td> 
    <td class="sum">900</td>
</tr> 
</tbody>

<div class="alert alert-success alert-ajax2" style="display: none"></div>

کد js: 

$(document).ready(function() {
 
    $( ".quantity" ).change(function (e) {
        e.preventDefault();
 
        var quantity = $(this).val();
 
        $.ajax({
            url : "/basket",
            method :'post',
            data : {  quantity : quantity  },
            success : function(result) {
                //console.log(result);
                $(".alert-ajax2").show();
                $(".alert-ajax2").html(result.success + result.data);
            }
        });
    });
 
});

 

Share this post


Link to post
Share on other sites

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

سلام

لطفا کدهای سمت server را هم قرار دهید. در سمت server شما باید مقادیر success و data را ارسال کنید تا به آنها دسترسی داشته باشید.

اگر شما بخواهید مقدار value و id را بازیابی کنید نیازی به ajax ندارید. به راحتی با یک دستور ساده jQuery می تواندید هر اطلاعاتی از صفحه را بدست آورید. اصولا زمانی از ajax استفاده می کنید که بخواهید اطلاعاتی را از بانک اطلاعاتی یا یک منبع خارجی (فایل json یا html و... ) استخراج کنید. وقتی شما id هر سطری را بصورت ایستا (static) به سطر (tr) نسبت دهید برای بازیابی آن به ajax نیازی نیست. اگر راجب هدفتون بیشتر توضیح دهید فکر می کنم بهتر بتونم کمک کنم.

$('.quantity').change(function (e) {
   e.preventDefault();
   var $this = $(this);
   var value = $this.val();
   var id = $this.parents('tr').attr('id');
   alert('value:' + value + ' id:' + id);
});

موفق باشید.

Share this post


Link to post
Share on other sites

وارد این گفتگو شوید

میتوانید پیام خود را ارسال کنید و بعد ثبت نام نمایید. در صورتی که حساب کاربری دارید, هم اکنون وارد شوید و در این گفتگو شرکت کنید.

مهمان
پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  Only 75 emoji are allowed.

×   لینک شما به صورت اتوماتیک جایگذاری شد.   نمایش به عنوان یک لینک به جای

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • جدید...