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;
}

赋予下拉链接功能

1 个答案: