2016-01-22 3 views
-2

https://jsfiddle.net/br918p0w/ Я пытаюсь заполнить выпадающее меню кнопки (настраиваемый раскрывающийся список), и я не могу заставить JavaScript заполнить это раскрывающееся меню. Когда я нажимаю три, выпадающее меню должно указывать три.Population dropdown

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

добавить дополнительные пояснения к этому вопросу – guradio

+0

хорошо. я сделал. в основном это работает и показывает выпадающий список без их добавления, но мне нужно заполнить раскрывающийся список, когда я нажму на него. –

+0

во-первых, ваш html, о котором идет речь, недействителен, никто не может помочь вам с такими усилиями в создании хорошего вопроса. Мне жаль, что я не вижу здесь никаких усилий. это не сделать мне мой код сайта – guradio

ответ

1

Не указывайте Ввод/разрыв строки между добавлением кода в 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 плагинов.

Примечание: Put CSS в CSS разделе в JSFiddle

Working Fiddle

+0

по какой-то причине не заменяет выпадающее меню «1», когда я нажимаю «1» или «2», когда я нажимаю «2», это не тот фокус? –

+0

@ WillW-TrainGao Это потому, что вы пытаетесь добавить внутреннюю кнопку. вместо этого добавьте родителя. '$ this.parent(). append ('

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

Смежные вопросы