2016-06-10 32 views
0

这里有一些类似的问题,其中答案是正确的。这个问题是关于,只获取选定的项目而不是整个数组。Jquery只在Bootstrap中获得选定的项目

<div class="btn-group"> 
<a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="change_regions"> 
    Dropdown 
    <span class="caret"></span> 
</a> 
<ul class="dropdown-menu"> 
    <li><a href="#">test1</a></li> 
    <li><a href="#">test2</a></li> 
    <li><a href="#">test3</a></li> 
</ul> 

如果我使用类似下面我得到它,我不需要很多的属性。

$(".dropdown-menu li a").click(function() { 
    $(".btn:first-child").text($(this).text()); 
    $(".btn:first-child").val($(this).text()); 
}); 
+0

你在这里预期什么? – Rikin

+0

我得到这个'[a.btn.btn-default,一个#change_regions.btn.btn-default.dropdown-toggle,prevObject:n.fn.init [1],上下文:document,selector:“.btn :first-child“]'这包含许多属性和值。在这里,我只需要选择下拉的innerHTML。 –

+0

$(this)为您提供了整个对象,而不是您正在尝试获取的文本。你试图单独输出$(this),还是说$(this).text()为你提供了很多属性输出。 – Rikin

回答

1

好吗工作,.btn的更新文本预期:

$(".dropdown-menu li a").click(function() { $(".btn:first-child").text($(this).text()); $(".btn:first-child").val($(this).text()); });

https://jsfiddle.net/itsrikin/vseam36j/2/

在你的榜样,你不需要使用.VAL()虽然,的.text( )会给你正确的价值。

相关问题