Javascript Get Selected LI Index - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul Javascript Get Selected LI Index, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel <li>, Artikel <li> index, Artikel <ul>, Artikel Get Selected LI Index, Artikel Get Selected LI Index In JS, Artikel How To Get The Selected LI Index Using Javascript, Artikel javascript, Artikel Selected LI, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Javascript Get Selected LI Index
link : Javascript Get Selected LI Index

Baca juga


Javascript Get Selected LI Index

How To Get The Selected LI's Index From An UL Using Javascript  

get Selected <LI> index Using Javascript


In This Javascript Tutorial we will See How To Get The Selected <li> Item From An Unordered List <ul> And Display The Index Value On LI Click Using Array In JS And Netbeans Editor .


Project Source Code:

    
<!DOCTYPE html>
<html>
    <head>
        <title>Javascript: get selected LI index</title>
        <meta charset="windows-1252">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        
        <ul id="list">
            <li>JS</li>
            <li>PHP</li>
            <li>Java</li>
            <li>C#</li>
            <li>c++</li>
            <li>HTML</li>
            <li>CSS</li>
        </ul>
        
        
        <script>
            
            var items = document.querySelectorAll("#list li"),
                tab = [], index;
        
        // add values to the array
        for(var i = 0; i < items.length; i++){
           tab.push(items[i].innerHTML);
         }
        
        // get selected element index
        for(var i = 0; i < items.length; i++)
        {
            items[i].onclick = function(){
               
               index = tab.indexOf(this.innerHTML);
               console.log(this.innerHTML + " Index = " + index);
        
            };
        }
            
        </script>
        
    </body>
</html>



OUTPUT:



show selected li index





Demikianlah Artikel Javascript Get Selected LI Index

Sekianlah artikel Javascript Get Selected LI Index kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Javascript Get Selected LI Index dengan alamat link https://dev-create.blogspot.com/2017/11/javascript-get-selected-li-index.html