填充下拉列表

时间:2016-01-22 08:17:21

标签: javascript jquery html css

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>

1 个答案:

答案 0 :(得分:1)

不要在JQuery中的附加代码之间给出Enter /换行符。

使它像:

$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放在JSFiddle的css部分

<强> Working Fiddle