Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Modal as select box

nuri60

Sitedeki bütün selct boxları iptal edip tıklandığında optionlar açılmak yerine bir modal açılsın seçenekler orda gözüksün ve kullanıcı seçsin şeklinde bir şey istiyorum .
Nasıl yapmamı önerirsiniz böyle bir şeyi ?
Şimdiden çok teşekkür ederim .

mgsmus

nuri60 Eğer değerler sabit ise şöyle bir şey yapılabilir:

<button type="button" 
    data-target="#secenekler" 
    data-options='[{"id":1,"title":"Seçenek 1"},{"id":2,"title":"Seçenek 2"}]'>
    Seçenekler
</button>

<input type="hidden" id="secenekler" name="secenekler" value="">

Button tıklandığında modal açtırıp içindeki data-options'dan modal içine listeyi oluşturacaksınız ve modal içinde seçilince data-target ile belirtilen elementin değerini seçilen option yapacaksınız.

Diğer bir yol ise düğme ile ajax isteği atıp modal içeriğini ajax ile getirmek ve onunla modalı oluşturmak.

nuri60

mgsmus abi selcttler vardı saten onların modala dönüştürülmesi gerekiyordu selctlerin diplaylerini none yaptım bulundukları yere buton koydum sonra tıklanınca datalara göre optionlaroı bir buton gibi göstertiim o butonlardan birine tıklanınca display none olan selctinn seçilen butona göre selected özelliği ekledim ve valuesunu değiştirdim ama bir türlü bulunduğum formu submit edemedim neden olabilir ?

Bir de abi bazen multiple değierler eklenmesi gerekecek onun için select mi kullanmam lazım yine ?

mgsmus

nuri60 Form neden submit olmadı bilemiyorum, daha fazla ayrıntı vermeniz lazım. Çoklu değer için select elementinin multiple özelliği kullanılabilir.

nuri60

mgsmus abi required özellikleri bütün gerekli inputlardan kaldırdım . Dediğim gibi modaldaki bir butona tıklanınca gerekli selectin gerekli optiona seleceted ="selected" ekledim ve o selectin value değerini option'ın value değerini atadım hepsi için kontrol ettim dediklerim içerik olarak değişiyor mu diye , dediklerim yapılmasına rağmen formu submit edemedim ...