尝试使用标签更改div中的内容

Question

我正在尝试创建一个标签栏，当点击选择更改div中的内容时，我在此处附加了一个jfiddle链接：

http://jsfiddle.net/v1cgqvpw/

$(function () {
$.fn.showField = function () {
    var selectVal = document.getElementById(this.val() + 'Div');
    return this.each(function () {
        $(selectVal).show().siblings('div1').hide();
    });
};
$('select#reportsSelect').change(function () {
    $(this).showField();
});

点击后我希望它突出显示，而另外2个仍保持颜色，除非盘旋或点击。按照上面的方式单击以更改框内的内容，此刻让我的大脑感到困惑，所有的帮助都得到了赞赏......希望它听起来很简单！

谢谢：）

Answer 1

this是一个DOM元素，没有方法.val()。这是一个jQuery方法。您需要使用this.value或$(this).val()。这也适用于.each方法。