li value değerini almak

13-11-2020, 01:04:09

selectbox mantığında hazırlamak istediğim bir listem var diyelim...

<ul>
<li value = “değer” >seçenek1</li>
<li value = “değer” >seçenek2</li>
<li value = “değer” >seçenek3</li>
<li value = “değer” >seçenek4</li>
</ul>

burda listelenen ve seçilen li ‘nin valuesini javascript ile nasıl alabiliriz?

a href kullanmadığım için tıklanabilir değil.

13-11-2020, 01:08:56

#2

~~backendro~~

Üyeliği durduruldu

ul is tanımlayıp aşağıdaki kod yapısını kullanırsanız bir sorun olacağını sanmıyorum.

13-11-2020, 01:08:46

#3

SametKoylu

Kimlik doğrulama veya yönetimden onay bekliyor.

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

selectbox mantığında hazırlamak istediğim bir listem var diyelim...

<ul>
<li value = “değer” >seçenek1</li>
<li value = “değer” >seçenek2</li>
<li value = “değer” >seçenek3</li>
<li value = “değer” >seçenek4</li>
</ul>

burda listelenen ve seçilen li ‘nin valuesini javascript ile nasıl alabiliriz?

a href kullanmadığım için tıklanabilir değil.

onClick kullanabilirsin.

13-11-2020, 01:11:29

#4

~~byjameson~~

Üyeliği durduruldu

document.getElementsByTagName("LI")[0].value;
document.getElementsByTagName("LI")[1].value;
document.getElementsByTagName("LI")[2].value;
.
.
.
.
böyle devam eder bu. js öğrenmelisin. yoksa sürünürsün

13-11-2020, 01:32:23

#5

ethmtrgt

Sayfayı tasarlarken ul li etiketleri yerine select ve option kullanmanız daha kolay olur.

<select id="selectbox">
        <option value=“değer”>seçenek1</option>
        <option value="değer”>seçenek2</option>
        <option value=“değer”>seçenek3</option>
        <option value=“değer”>seçenek4</option>
</select>

En son javascript ile de select etiketinin değerini alabilirsiniz.

const selectbox = document.querySelector('#selectbox');
console.log(selectbox.value)

13-11-2020, 01:38:03

#6

buddy

select box ile yaptım.

ben li ile yapmak istiyorum.

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

Sayfayı tasarlarken ul li etiketleri yerine select ve option kullanmanız daha kolay olur.

<select id="selectbox">
        <option value=“değer”>seçenek1</option>
        <option value="değer”>seçenek2</option>
        <option value=“değer”>seçenek3</option>
        <option value=“değer”>seçenek4</option>
</select>

En son javascript ile de select etiketinin değerini alabilirsiniz.

const selectbox = document.querySelector('#selectbox');
console.log(selectbox.value)

13-11-2020, 02:03:14

#7

ethmtrgt

<ul>
    <li class="option" value="0">a</li>
    <li class="option" value="1">b</li>
    <li class="option" value="2">c</li>
    <li class="option" value="3">d</li>
</ul>
<script>
    const options = document.querySelectorAll('.option');
    options.forEach( (i) => { i.addEventListener('click', () => { console.log(i.value) } ) } )
</script>

Tıkladığınız elementin değerini konsola yazdırır. `console.log(i.value)` yerine kendi fonksiyonunuzu yazabilirsiniz

13-11-2020, 03:50:04

#8

~~byjameson~~

Üyeliği durduruldu

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

select box ile yaptım.

ben li ile yapmak istiyorum.

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

document.getElementsByTagName("LI")[0].value;
document.getElementsByTagName("LI")[1].value;
document.getElementsByTagName("LI")[2].value;
.
.
.
.
böyle devam eder bu. js öğrenmelisin. yoksa sürünürsün

cevabı vermişim zaten.