根据选择框值更改文本

完全披露：我在javascript上很糟糕。

我正在尝试编写一些带有选择框值的东西（在这种情况下，它包含用户可以选择的主题列表），将其与包含所有允许的主题的数组进行比较，并显示预览链接用户。

下面是一些选择代码。

我的数组包含预览链接：

var themePreview = []; themePreview[0] = '  Preview Arclite'; themePreview[1] = '  Preview Arras'; themePreview[2] = '  Preview Carrington Blog'; 

我的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选项：选中’）。value（）更改为$（’＃selectedTheme’）。val（）