浏览器不在jquery下的下拉列表选项链接

Question

该列表中的第一个新的。请原谅任何失礼....

这是HTML ...（Q1..not确保语法选择的选项，但是这似乎工作...）

<select> 
<option class=" " value="choose" selected="yes" SELECTED>choose language</option> 
<option class=" turnoffbuttonenglish" value="japanese" >日本語 </option> 
<option class=" turnoffbuttonjapanese" value="english" >English </option> 
<option class="turnonboth" value="both" >both </option> 
</select> 

每个选项的选择要在页面中显示哪种语言和iframe。

这里似乎没有工作（我认为这个问题是在这里和其他地方没有在我的代码...）

有三个选项的代码段类似jquery的。但下面是班级turnoffbuttonjapanese的例子。 （名字是传统的，它真正体现出english..class隐藏显示无...

$('.turnoffbuttonjapanese').click(function() { 
$currentLanguage ="2" 
$('.japanese').addClass("hidden"); 
$('.english').removeClass("hidden"); 
$currentIFrame.contents().find(".japanese").each(function(index, item) { 
$(item).addClass("hidden"); 
}); 
$currentIFrame.contents().find(".english").each(function(index, item) { 
$(item).removeClass("hidden"); 
}); 
}); 

这似乎在Opera工作，但不是在资源管理器!! ??? 当我选择什么也没发生。

相反，如果我有

<div class=" english hidden turnoffbuttonenglish"> <a 
    class=" turnoffenglish" title="see 日本語 page">日本語&nbsp;<img 
    src="images/chopsticks150.png" height="100%" alt="chopsticks"> </a></div> 

<div class=" japanese turnoffbuttonjapanese"><a 
    class=" turnoffjapanese" title="see ENGLISH page">English&nbsp;<img 
    src="images/knifeandfork150.png" height="100%" alt="knife and fork"></a> </div> 

这个工程... ???

Answer 1

不是依靠click事件的<option>的（这将无法正常工作跨浏览器，你所看到的），而不是由价值去（如果可能的话，给那<select>的ID，使它更清洁），就像这样：

$('#mySelectID').change(function() { 
    if($(this).val() == "english") { 
    $currentLanguage = "2"; 
    $('.japanese').addClass("hidden"); 
    $('.english').removeClass("hidden"); 
    $currentIFrame.contents().find(".japanese").addClass("hidden"); 
    $currentIFrame.contents().find(".english").removeClass("hidden"); 
    } 
}); 

究其原因，第一<select>版本不起作用是因为并非所有浏览器甚至在<option>上触发了click事件，因此您的代码永远无法运行。采取这种方法将会工作并且更加跨浏览器稳定。如果您希望在发生blur之前不会触发change的浏览器立即生效，可以使用.bind()更频繁地运行它，只需将.change(function() {替换为.bind('change click', function() {即可。

你也可以重新工作一下，不确定你的总体意图，例如你可以隐藏所有的意图，然后显示你选择的值，而不是每个选项的if，使你的代码更短。