完全披露:我对javascript不好。
我正在尝试编写一个带有选择框值的东西(在这种情况下,它包含用户可以选择的主题列表),将它与包含所有允许的主题的数组进行比较,并显示预览用户的链接。
下面是一些选择代码。
我的数组包含预览链接:
var themePreview = [];
themePreview[0] = ' <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] = ' <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] = ' <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技能。似乎没那么成功。
答案 0 :(得分:1)
代码中的分配没有做任何事情。
这应该有效:
$('#previewTheme').html( themePreview[$('#selectedTheme option:selected').value()] );
即。 html()
会返回元素的当前内容,html(x)
会将其替换为x
。
答案 1 :(得分:1)
您应该能够获得select的值,而不是特定选项的值。即,将$('#selectedTheme选项:选中')。value()更改为$('#selectedTheme')。val()