选择框的 Javascript value() 未正确链接

Question

我正在使用 Niceforms 插件来设计我的选择框的样式。我遇到的问题是我无法获得正确的 javascript 代码来激活值选项中放置的链接。

niceforms 网站 ( http://www.emblematiq.com/lab/niceforms/help/ ) 指示我使用以下代码:

el.lnk._onclick = el.onclick || function () {
if(this.ref.oldClassName == "NFOnChange") {
//insert your code here
}}; 

这是我尝试操纵代码以允许在选择下拉列表中链接 url

el.lnk._onclick = el.onclick || function () {
if(this.ref.oldClassName == "NFOnChange") {    
//code i added    
window.location.href = $(this.ref).val();
}};   

问题是链接没有按预期工作，它们没有链接到相应的值。

form class ="niceform"
select class ="NFOnchange"
option value = "http://link1.com" -> link1.com 
option value = "http://link2.com" -> link2.com
option value = "http://link3.com" -> link3.com 

请对此提供任何帮助，我们将不胜感激。我只需要插入正确的代码即可使链接与其选项值相对应。

Answer 1

好的，首先“$”几乎被所有主要的 JS 库使用，所以:

window.location.href = $(this.ref).val();

除非您告诉我们您正在使用哪个 JS 库，否则没有任何意义。

如果您使用 jQuery，val() 应该可以工作。我会通过在该行之前添加以下内容来确认 $this.ref) 实际上就是您所认为的内容:

console.log($(this.ref))

(以上假设您使用 Firebug 或 Chrome 开发者控制台...如果您没有使用这些工具之一，您应该使用;-))

如果这表明您实际上正在选择一个 SELECT 元素，那么就会发生一些有趣的事情，但我怀疑事实并非如此。

此外，作为旁注，我认为您可能可以这样做:

$(this)

如果您使用的是 jQuery。

如果您不使用 jQuery ...请告诉我们您正在使用什么，我们可以从那里开始。

哦，如果你没有使用任何库，并且 $ 只是你自己的自定义函数，那么 Felix 正确地指出 JS 没有内置的“value()”元素方法。您会发现最接近的是 .selectedIndex，它是任何 SELECT 元素的属性，它告诉您所选选项的索引(在所有选项中)(然后通过查看可用选项列表，您可以告诉“.value”属性)。