Дайте раскрывающимся ссылкам функцию

Question

Мне нужна ваша помощь.

Я создаю раскрывающееся меню, и теперь я хочу, чтобы при щелчке элемента в раскрывающемся списке, чтобы заполнить текстовое поле различными текстами.

<div class='row'>
        <div class='col-md-12'>
            <div class ='nav-tabs-custom'>
                <ul class='nav nav-tabs'>
                    <li class='dropdown'>
                        <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
                            Tab 1<span class='caret'></span>
                        </a>
                        <ul class='dropdown-menu'>
                            <li class='dropdown-header'><b>Zeitraum</b></li>
                            <li class='divider'></li>
                            <li><a role='menuitem' tabindex='1' href='#1_1'>DP 1</a></li>
                            <li class='divider'></li>
                            <li><a role='menuitem' tabindex='2' href='#1_2'>DP 2</a></li>
                            <li><a role='menuitem' tabindex='3' href='#1_3'>DP 3</a></li>
                            <li><a role='menuitem' tabindex='4' href='#1_4'>DP 4</a></li>
                        </ul>
                    </li>
                </ul>
                <textarea>

                </textarea>
            </div>
        </div>
    </div>

Раскрывающееся менюХорошо, но добавьте разные тексты в текстовую область. Я надеюсь, что вы можете помочь мне, я новичок в этом виде кодирования.

С наилучшими пожеланиями Noel007

PS: извините за мой плохой английский: D

Answer 1

Вы можете написать функцию щелчка для li

    <ul class='dropdown-menu'>
                        <li class='dropdown-header'><b>Zeitraum</b></li>
                        <li class='divider'></li>
                        <li><a role='menuitem' onclick=“replaceTextInTextArea(‘sampletext’)” tabindex='1' href='#1_1'>DP 1</a></li>

                    </ul>
                </li>
            </ul>
            <textarea id=“textarea”>

            </textarea>

В файле js

replaceTextInTextArea(text){
document.getElementById('textarea').value = text;
}