根据选择框值更改文本

Question

完全披露:我不擅长javascript。

我正在尝试编写一些代码来获取选择框的值(在本例中，它包含用户可以从中选择的主题列表)，将其与包含所有允许的主题的数组进行比较，并向用户显示一个预览链接。

下面是一些选择代码。

包含预览链接的My Array：

var themePreview = [];
themePreview[0] = '&nbsp;&nbsp;<a href="http://www.trafficgettingblogs.com/?preview=1&template=arclite&stylesheet=arclite&TB_iframe=true&width=1000&height=700" class="thickbox thickbox-preview">Preview Arclite</a>';
themePreview[1] = '&nbsp;&nbsp;<a href="http://www.trafficgettingblogs.com/?preview=1&template=arras&stylesheet=arras&TB_iframe=true&width=1000&height=700" class="thickbox thickbox-preview">Preview Arras</a>';
themePreview[2] = '&nbsp;&nbsp;<a href="http://www.trafficgettingblogs.com/?preview=1&template=carrington-blog&stylesheet=carrington-blog&TB_iframe=true&width=1000&height=700" class="thickbox thickbox-preview">Preview Carrington Blog</a>';

我的jQuery正在尝试获取选择框值并显示预览链接：

$('select #selectedTheme').change(function() {
    //document.write('test'); // Try to see if I'm selecting what I need.
    $('#previewTheme').value() = themePreview[$('#selectedTheme option:selected').value()];
});

选择框的ID为selectedTheme。

我没有得到任何错误，但我似乎没有选择选择框。

我相信这是一个非常简单的问题。我正在努力提高我的javascript技能。看起来相当不成功。

Answer 1

代码中的赋值不做任何事情。

这应该是可行的：

$('#previewTheme').html( themePreview[$('#selectedTheme option:selected').value()] );

例如，html()返回元素的当前内容，html(x)将其替换为x。

Answer 2

您应该能够只获取select的值，而不是特定选项的值。即，将$('#selectedTheme option:selected').value()更改为$('#selectedTheme').val()