填充下拉列表

-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

填充下拉列表

回答

相關問題