jquery div deki verili input a aktarma - R10.net
  • 11-09-2020, 10:02:41
    #1
    merhabalar :
    finans sitemde çapraz kur bölümü yapıyorum iki adet select bölümü yaptım
    var urlc = "/capraz-kur/";
        jQuery(function() {
        $('#caprazCalc').click(function() {
            var kur = $('#caprazValue1').val();
            var eder = $('#caprazValue2').val();
            $('#caprazCalc').attr('href', ''+ urlc + kur.replace('.','') + '-' + eder.replace('.','') + '/');
        });
        $('#caprazValue2').keypress(function (e) {
            var key = e.which;
            if(key === 13) // the enter key code
            {
                var kur = $('#caprazValue1').val();
                var eder = $('#caprazValue2').val();
                var link = '';
                link = ''+ urlc + kur.replace('.','') + '-' + eder.replace('.','') + '/';
                window.location.href = link;
                return false;
            }
        });
    });
    bu kod ile 1. select'deki value ve 2. select'deki value verilerini çekip işlem yaptırıyorum
    fakat select yerine orayı div yapacağım çünkü select içerisine bayrak vs. ekliyemiyorum ve css şekil verilmiyor
    yani açılır münülü bir div yapacağım örk
    <ul>
    <li id="USD">USD</li>
    <li id="EUR">EUR</li>
    </ul>
    bu şekilde olacak uzun lafın kısası bu<li> lerden hangisini seçerlerse inputda o li nin id değerini aktarması lazım bu yapan bir kod lazım
    böyle bir jquery kodu bilip paylaşabilecek varmı
    Onurcan
  • 11-09-2020, 10:33:07
    #2
    verileri almak için data* attributelerini kullanabilirsin. kaynak: https://developer.mozilla.org/en-US/...ata_attributes

    <ul>
    <li id="doviz" data-value="USD">USD</li>
    <li id="doviz" data-value="EUR">EUR</li>
    </ul>
        $(document).ready(function(){
             $('li#doviz').click(function(){
    
        var deger = $(this).data('value');
        alert("Seçtiğiniz değer: "+ deger);
    
    });
            
        });
    bu bilgilere göre kendi kodunu düzenleyebilirsin.
  • 11-09-2020, 10:35:54
    #3
    EmQcer adlı üyeden alıntı
    verileri almak için data* attributelerini kullanabilirsin. kaynak: https://developer.mozilla.org/en-US/...ata_attributes

    <ul>
    <li id="doviz" data-value="USD">USD</li>
    <li id="doviz" data-value="EUR">EUR</li>
    </ul>
        $(document).ready(function(){
             $('li#doviz').click(function(){
    
        var deger = $(this).data('value');
        alert("Seçtiğiniz değer: "+ deger);
    
    });
            
        });
    bu bilgilere göre kendi kodunu düzenleyebilirsin.
    bu alert("Seçtiğiniz değer: "+ deger); i id'i #input1 olan input a nasıl aktarırız
    Onurcan
  • 11-09-2020, 10:44:51
    #4
    onurak adlı üyeden alıntı
    bu alert("Seçtiğiniz değer: "+ deger); i id'i #input1 olan input a nasıl aktarırız
    https://jsfiddle.net/fncj01Lx/1/

    <ul>
    <li id="doviz" data-value="USD">USD</li>
    <li id="doviz" data-value="EUR">EUR</li>
    </ul>
    
    <input type="text" id="veri" name="veri">
        $(document).ready(function(){
             $('li#doviz').click(function(){
    
        var deger = $(this).data('value');
        //alert("Seçtiğiniz değer: "+ deger);
    $('input#veri').val(deger);
    
    });
            
        });
    ile yapabilirsin. bundan sonrası hayal gücüne kalmış, doğru anahtar kelimeleri google'a yazarakta bulabilirsin.
  • 11-09-2020, 10:57:25
    #5
    EmQcer adlı üyeden alıntı
    https://jsfiddle.net/fncj01Lx/1/

    <ul>
    <li id="doviz" data-value="USD">USD</li>
    <li id="doviz" data-value="EUR">EUR</li>
    </ul>
    
    <input type="text" id="veri" name="veri">
        $(document).ready(function(){
             $('li#doviz').click(function(){
    
        var deger = $(this).data('value');
        //alert("Seçtiğiniz değer: "+ deger);
    $('input#veri').val(deger);
    
    });
            
        });
    ile yapabilirsin. bundan sonrası hayal gücüne kalmış, doğru anahtar kelimeleri google'a yazarakta bulabilirsin.
    işe yaradı thanks +r10
    Onurcan