Nasıl Bootstrap Düğmesi için Açılan Başlık Seçili Öğeyi Görüntülemek için
Benim uygulama bootstrap Açılan bileşeni kullanıyorum ve gibidir:
<div class="btn-group">
<button class="btn">Please Select From List</button>
<button class="btn dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a tabindex="-1" href="#">Item I</a></li>
<li><a tabindex="-1" href="#">Item II</a></li>
<li><a tabindex="-1" href="#">Item III</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Other</a></li>
</ul>
</div>
şimdi btn başlık olarak Seçilen öğeyi görüntülemek istiyorum."Lütfen listeden btn jquery kullanarak yerine Seçilen Öğeyi ekran nasıl yapabilirim?" ama Seçmek zor kodlanır gördüğünüz gibi Kullanarak bu başlık değiştirebilirim biliyorum .() html ya da .() metin listeden seçilen değeri kapmak için nasıl bilmiyorum ama yöntem? Bunu çözmek için bana yardım edebilir misiniz? Yardım için teşekkürler
CEVAP
Sorununuzu bu bir deneyin eğer çok tıklatarak bağlantılı metin düğme metni değiştirmek istiyorsun anladığım kadarıyla: 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());
});
});
Yorum başına:
bu 5* *listeleri madde ajax çağrısı ile doldurulur aldığımda benim için çalışmıyor.
.on()
jQuery yöntemi ile en yakın statik ana olay temsilci zorunda:
$(function(){
$(".dropdown-menu").on('click', 'li a', function(){
$(".btn:first-child").text($(this).text());
$(".btn:first-child").val($(this).text());
});
});
Burada olay her zaman kullanılabilir olduğundan $(document)
olay çok temsilci rağmen $(".dropdown-menu")
statik üst delege edilir.
Nasıl twitter bootstrap menü hover yer...
Nasıl dize C kullanarak eşleştirmek iç...
Nasıl varsayılan metin ve açılan kutu ...
Nasıl Twitter Bootstrap açılan gizleme...
Nasıl seçili radyo düğmesi değerini al...