填充下拉列表

-2

https://jsfiddle.net/br918p0w/ 我想填充类按钮（自定义下拉列表）中的下拉菜单，我似乎无法获得JavaScript来填充此下拉菜单。当我点击三下拉应该说三。填充下拉列表

<div id="myDropdown" class="dropdown-content"> 
    <a href="#home">1</a> 
    <a href="#about">2</a> 
    <a href="#contact">3</a>

来源

2016-01-22 Will W-Train Gao

增加更多的解释了这个问题 – guradio

好吧。我做到了。基本上这是工作，并显示没有他们的追加下拉，但我需要填充下拉，当我点击它.. –

首先你有问题的HTML是无效的没有人可以帮助你在做出一个好问题的那种努力。对不起，我真的没有看到这里的任何努力。这不是让我的代码网站 – guradio

不要在JQuery中追加代码之间输入/换行符。

使它像：

$this.append('<div id="myDropdown" class="dropdown-content"><a href="#home">1</a><a href="#about">2</a><a href="#contact">3</a></div>');

不是：

$this.append(' 
    <div id="myDropdown" class="dropdown-content"> 
    <a href="#home">1</a> 
    <a href="#about">2</a> 
    <a href="#contact">3</a> 
    </div> 

    ');

，包括jQuery插件。

注：将CSS CSS一节中的jsfiddle

Working Fiddle

来源

2016-01-22 08:36:55 ketan

由于某些原因，当我单击“2”时单击“1”或“2”时，它不会替换为“1”的下拉列表，因此重点是什么？ –

@ WillW-TrainGao这是因为你试图追加按钮。而是附加到父项。 '$ this.parent（）。append（'

'）;'https://jsfiddle.net/br918p0w/3/ – ketan

填充下拉列表

回答

相关问题