根据选择框的值更改文本

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

下面是一些选择代码。包含在预览链接

我的数组：

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()]; 
});

的选择框有selectedTheme的ID。

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

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

来源

2010-12-17 jdp

显示您选择的输入元素的代码。这将向我们展示select元素的值，加上它的id，以便我们可以看到该jQuery选择器是否会找到它。 – Matt 2010-12-17 15:01:46

代码中的赋值不起任何作用。

这应该工作：

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

即html()返回元素的当前内容，html(x)与x替换它。

来源

2010-12-17 15:03:38

谢谢，这工作。我也没有用冲突模式忘记使用jQuery的WordPress。我很感激Aaron的帮助。 – jdp 2010-12-17 15:27:59

您应该能够获得select的值，而不是特定选项的值。即，将$（'＃selectedTheme option：selected'）。value（）设置为$（'＃selectedTheme'）。val（）

来源

2010-12-17 15:04:36 joelt

谢谢乔尔。我用你的方法来选择选择框的值。 – jdp 2010-12-17 15:28:52

根据选择框的值更改文本

回答

相关问题