如何使用相同的类名访问标签并使用javascript处理onClick?

时间:2012-01-24 22:44:26

标签: javascript jquery html

我有两个具有相同类名的选择下拉列表,我想在选择选项值时返回标题。但是使用我的代码,当第二个下拉列表更改时,它仍然返回在第一个选项下拉列表中选择的值

http://jsfiddle.net/kgrg/ETeZe/3/

3 个答案:

答案 0 :(得分:2)

您用来提取值的代码:

size_title=jQuery('.child_Select_Size  option:selected').attr("title");

匹配所有.child_Select_Size个元素。要限制只触发事件的那个,请尝试:

size_title=jQuery('option:selected', this).attr("title");

答案 1 :(得分:0)

因为在change处理程序jQuery('.child_Select_Size option:selected')内部将选择元素selected option并在这些匹配元素上调用attr('title')将始终提供{{1第一个元素。

您应该使用title关键字指向引发该事件的thiselement只会查看引发事件的元素。如果没有冲突或使用$(this).find

,也可以使用$代替jQuery
jQuery.noConflict()

<强> Demo

答案 2 :(得分:0)

您只需要使用$(this)来引用已更改的选择框,而不是仅使用新选择(将全部抓取)。

http://jsfiddle.net/ETeZe/10/