ایجاد لیست انتخاب شونده با مودال

مهدی طاهریان
26 آذر ۱۴۰۰
سلام و قت بخیر ، ضمنا تشکر بابت آموزش های آموزنده سایت تان ، من برای ایجاد فرم ثبت دوره ها و انتخاب یک مدرس مشکلی دارم ما تعداد خیلی زیادی مدرس داریم که برای آن استفاده از دراپ دان لیست خیلی جالب نمیاد که کاربر بخواهد تمام لیست را اسکرول کنه تا فرد مورد نظر را انتخاب کند ، در یک برنامه دیدم که یک مدال باز می‌شود و لیست مدرسین نمایش داده می‌شود و بعد از سرچ کاربر با زدن دکمه انتخاب که در کنار اسم مدرس هست آن انتخاب و مدال بسته و در فرم دوره ها نمایش داده می‌شود . لطفا جهت ایجاد این روش من را راهنمایی بفرمایید، واگر ممکنه آموزشی در این باره در سایت بگذارید برای همه جالب خواهد بود . بسیار سپاسگزارم.
1299

3 پاسخ
  • محمد اشرافی26 آذر ۱۴۰۰

    سلام ، خواهش میکنم 

    راحت ترین روش برای پیاد سازی این کار استفاده از Select2 ه - لینک دانلود 

    و بعد از اینکه script و css هاشو قرار دادین این تیکه کد رو بزارید توی صفحه ( براتون یک DropDown میسازه که میشه توش سرچ زد)

    $("#selectId").select2();
  • مهدی طاهریان26 آذر ۱۴۰۰

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

    https://stackoverflow.com/questions/49967863/select-value-in-table-inside-of-modal-and-populate-the-form-outside-of-the-modal

  • محمد اشرافی27 آذر ۱۴۰۰

    توضیح داده که برید js و css مربوط به dataTable رو دانلود کنید به table یک id بدین و تبدیل اش کنید به dataTable

    و در آخر هم برای رویداد کلیک tr ها یک Function مینویسید که اونکاری که شما میخواید رو انجام بده

    --------------------

    به نظر من برای کار شما dropdown بهتر باشه مثل مثال زیر