Как изменить основной экран выпадающего списка, когда элемент выбран в начальной загрузке

Question

Как изменить основной экран выпадающего списка, когда элемент выбран в начальной загрузке

This is the following http://jsfiddle.net/coderslay/enzDx/

Я пытаюсь изменить текст Выбрать , как только элемент будет нажат

Поэтому, если я выбираю One из списка, тогда должен отображаться One .

Как это сделать?

3

добавлено 28 Декабрь 2012 в 10:18 автор Coder_sLaY

Просмотры: 2

источник

nl ja de

3 ответы

Рабочий пример: http://jsfiddle.net/enzDx/5/

Единственное изменение, которое я внес в ваш HTML, заключалось в том, чтобы обернуть текст «Выбрать» тегами span с идентификатором элемента dropdown_title , чтобы его было легче обновить.

JavaScript:

$('.dropdown-toggle').dropdown();
$('#divNewNotifications li').on('click', function() {
    $('#dropdown_title').html($(this).find('a').html());
});

В основном все, что я делаю, - это когда пользователь нажимает на элемент списка, я обновляю раскрывающийся текст заголовка с текстом ссылки, содержащейся в последнем элементе.

8

добавлено 28 Декабрь 2012 в 10:31 автор Elliot B.

источник

Благодаря :)..........

добавлено 28 Декабрь 2012 в 10:35, автор Coder_sLaY, источник

Большое спасибо тоже ...

добавлено 21 Июль 2014 в 09:05, автор Datz Me, источник

автор Samuel Caillerie · Answer 1 · 2012-12-28T10:35Z

Вы можете проверить событие click в раскрывающемся меню :

$('.dropdown-menu > li').click(function() {
    var $toggle = $(this).parent().siblings('.dropdown-toggle');
    $toggle.html(" " + $(this).text() + "")
});

jsFiddle: http://jsfiddle.net/enzDx/6/ .

автор mornaner · Answer 2 · 2012-12-28T10:34Z

HTML:

Select
- One
- Two
- Three

JavaScript:

$('.dropdown-toggle').dropdown();
$('#divNewNotifications li > a').click(function(){
    $('#text').text($(this).html());
});

DEMO

Я только что добавил пробел в тексте Select в html, чтобы сделать код Javascript более простым.