Насколько я понял, ваша проблема в том, что вы хотите изменить текст кнопки, щелкнув связанный текст, если это так, вы можете попробовать это: http://jsbin.com/owuyix/4/edit
$(function(){
$(".dropdown-menu li a").click(function(){
$(".btn:first-child").text($(this).text());
$(".btn:first-child").val($(this).text());
});
});
Согласно вашему комментарию:
это не работает для меня, когда у меня есть элемент списка <li>
, заполненный с помощью вызова ajax.
поэтому вы должны делегировать событие ближайшему статическому родителю с помощью .on()
jQuery метода:
$(function(){
$(".dropdown-menu").on('click', 'li a', function(){
$(".btn:first-child").text($(this).text());
$(".btn:first-child").val($(this).text());
});
});
Здесь событие делегируется статическому родителю $(".dropdown-menu")
, хотя вы также можете делегировать событие $(document)
, потому что оно всегда доступно.