Listboxtan seçmek yerine görselin üzerine tıklayarak seçmek

06-06-2023, 23:11:55

Merhaba, bir scriptim var. Ödeme seçeneği list box ile seçiliyor, listboxtan seçtirmek yerine görselin üstüne tıklayarak seçtirmek istiyorum ama hangi yöntemle yapmam gerekiyor bulamadım.

Şu an görsel olarak bu şekilde : https://prnt.sc/TZiGKpxGpltM
Bu şekilde seçtirmek istiyorum : https://prnt.sc/5-NhsZmRTFq6

Kodlar ;

                                            <div class="select_box">


                                                <select class="c-control w-100 selectpicker" required
                                                    name="odeme_yontem" onchange="yontem(this.value)">


                                                    <option value="">Seçiniz</option>

                                                    <?php                    $query = $db->query("select * from pay where durum='1' ORDER BY id desc");






                                                while ($datapay = $query->fetch(PDO::FETCH_OBJ)) {






                                                ?>






                                                    <option value="<?php echo $datapay->ad; ?>">
                                                        <?php echo $datapay->gor_ad; ?>


                                                        (%<?php echo $datapay->komisyon; ?> Komisyon)</option>






                                                    <?php } ?>

                                                    <?php
$bakiyemodul=moduller("bakiye");
if($bakiyemodul["durum"]=="1"){ ?>
                                                    <?php if($puser["bakiye"]!=Null){ ?><option value="Bakiye">Bakiye
                                                        İle Öde (<?=$puser["bakiye"];?>₺)</option><?php } ?><?php } ?>


                                                </select>
                                                


                                                <i class="ri-arrow-down-s-line"></i>


                                            </div>

07-06-2023, 03:44:50

#2

ilgice

click olayı resme atanı ve resme data-id bilgisi verilir ardından bunu hangisine tıklandıysa data bilgisi alınır seçim bilgisi alınınca ona göre ajax vs yöntem uygulanır.

<div class="secim" data-secim-name="secim_adi"><img src="resim" /></div>

jQuery(".secim").click(function(e)
{
var secim = jQuery(this).attr('data-secim-name');
});

07-06-2023, 09:22:53

#3

FaTe

checkbox ile yapman daha mantıklı olur

https://codepen.io/anon/pen/wadwpx

07-06-2023, 15:03:53

#4

ByMaster

ilgice adlı üyeden alıntı: mesajı görüntüle

click olayı resme atanı ve resme data-id bilgisi verilir ardından bunu hangisine tıklandıysa data bilgisi alınır seçim bilgisi alınınca ona göre ajax vs yöntem uygulanır.

<div class="secim" data-secim-name="secim_adi"><img src="resim" /></div>

jQuery(".secim").click(function(e)
{
var secim = jQuery(this).attr('data-secim-name');
});

ya aslında resimli radio button ile vs değiştiriyorum ama seçimi post ettiremiyorum. sadece option'dan alıyor value'yi.