匹配div id与选项选择

Question

尝试将选项select与包含相同名称的div id匹配。我唯一的问题是我不确定如何将选择的名称归结为jQuery。最后一行是我被困住的地方。

$('#carlist').change(function(){
var chosen = $(this).val();
$('.cars').hide();
$('.cars').attr(''+chosen+'').fadeIn();
});

JS小提琴如下。 https://jsfiddle.net/Lc4w2v3r/

我想匹配div id（例如，Jetta），并选择完全相同的名称。

Answer 1

您可以使用$('#Saab')选择目标div（例如），因为您已经获得变量chosen，您可以执行以下操作：

$('#carlist').change(function(){
    var chosen = $(this).val();
    $('.cars').hide();
    $('#' + chosen).fadeIn();
});

JSFiddle