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

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

atropatan

ایجاد تب با جاوااسکریپت

Recommended Posts

سلام دوستان میخوام با جاوااسکریپت تب محتوا درست کنم به شکلی که کاربر وقنی رو دکمه افزایش تب کلیک کرد یه تب براش اضافه بشه.

که تب رو ساختم ولی داخلتب میخوام چند input درست کنم که هر کدومشون id مشخصی دارن و اطلاعات رو بصورت ارایه به سرور ارسال کنم.

کد زیر رو نوشتم براش ولی وقتی رو دکمه افزایش تب کلیلک میکنم به تعداد input تب اولی به تب های بعدی هم اضافه میشه

مشکل کدرو ممنون میشم بگین

 

add_place_tab=function()
{
  const id=document.getElementsByClassName('description').length+1;
  const html='<li class="nav-item description" role="presentation">' +
      '<a class="nav-link"  id="detail-tab" data-toggle="tab" href="#child-detail" role="tab" aria-controls="profile" aria-selected="false">موضوع-'+id+'</a>' +
   '</li>'
    $("#myTab").append(html);
    Element.html = add_place_input(id);

};
add_place_input=function(id)
{
    const html2='<div class="form-group" style="display: flex; margin-top: 10px">' +
        '<div type="lable" class="title">عنوان:   </div>' +
        '<input type="text" class="form-control" name="childTitle[-'+id+']">' +
        '</div>' +
        '<div class="form-group">' +
        '<textarea type="text" class="form-control ckeditor" name="childDescription[-'+id+']"></textarea>' +
        '</div>'
    $("#child-detail").append(html2);
};

Share this post


Link to post
Share on other sites

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

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

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

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

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

  Only 75 emoji are allowed.

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

×   Your previous content has been restored.   Clear editor

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


×
×
  • جدید...