JavaScript Get Selected LI Text - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul JavaScript Get Selected LI Text, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel <li>, Artikel <ul>, Artikel display <li> text into input text in javascript, Artikel Get Selected LI Text, Artikel Get Selected LI Text To Input Text In JS, Artikel Input Text, Artikel javascript, Artikel Javascript Input Text, Artikel Selected LI, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : JavaScript Get Selected LI Text
link : JavaScript Get Selected LI Text

Baca juga


JavaScript Get Selected LI Text

How To Get Selected LI Text To Input Text Using Javascript  

Get Selected <LI> Text In JS


In This Javascript Tutorial we will See How To Get Display The Selected <li> Text Value From An <UL> List And Display The Value Into An Input Text On LI Item Click Event In JS And Netbeans Editor .


Project Source Code:

    
<!DOCTYPE html>
<html>
    <head>
        <title>Javascript: get selected li from ul</title>
        <meta charset="windows-1252">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        
        <input type="text" id="txt">
        
        <ul id="list">
            <li>JS</li>
            <li>PHP</li>
            <li>Java</li>
            <li>C#</li>
            <li>HTML</li>
            <li>CSS</li>
        </ul>
        
        <script>
            
            var items = document.querySelectorAll("#list li");
            
            for(var i = 0; i < items.length; i++)
            {
                items[i].onclick = function(){
                    
                    document.getElementById("txt").value = this.innerHTML;
                    
                };
            }
            
        </script>
        
    </body>
</html>





OUTPUT:



display <li> text into input text in javascript





Demikianlah Artikel JavaScript Get Selected LI Text

Sekianlah artikel JavaScript Get Selected LI Text 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 Text dengan alamat link https://dev-create.blogspot.com/2017/10/javascript-get-selected-li-text.html