blocks|key|1714884|text|尝试使用.click而不是.change。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1714885|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/click|1|http://api.jquery.com/change^0|4|6|D|7|4|6|0|D|7|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]|$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]|N|$5|I|J|K|E|$L|O]]]]

Try using <a href="http://api.jquery.com/click" rel="noreferrer"><code>.click</code></a> instead of <a href="http://api.jquery.com/change" rel="noreferrer"><code>.change</code></a>.

blocks|key|1499838|text|我很确定这是IE的一个已知问题。为onclick事件添加一个处理程序应该可以解决这个问题：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1499839|$(document).ready(function(){

++++$(".hiddenOnLoad").hide();

++++$("#viewByOrg").change(function+()+{
++++++++$(".visibleOnLoad").show();
++++++++$(".hiddenOnLoad").hide();
++++});

++++$("#viewByOrg").click(function+()+{
++++++++$(".visibleOnLoad").show();
++++++++$(".hiddenOnLoad").hide();
++++});

++++$("#viewByProduct").change(function+()+{
++++++++$(".visibleOnLoad").hide();
++++++++$(".hiddenOnLoad").show();
++++});+++++

++++$("#viewByProduct").click(function+()+{
++++++++$(".visibleOnLoad").hide();
++++++++$(".hiddenOnLoad").show();
++++});+++++
});|code-block|syntax|javascript|1499840|entityMap^0|H|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I'm pretty sure this is a known issue with IE. Adding a handler for the <code>onclick</code> event should fix the problem:

<pre><code>$(document).ready(function(){

 $(".hiddenOnLoad").hide();

 $("#viewByOrg").change(function () {
 $(".visibleOnLoad").show();
 $(".hiddenOnLoad").hide();
 });

 $("#viewByOrg").click(function () {
 $(".visibleOnLoad").show();
 $(".hiddenOnLoad").hide();
 });

 $("#viewByProduct").change(function () {
 $(".visibleOnLoad").hide();
 $(".hiddenOnLoad").show();
 }); 

 $("#viewByProduct").click(function () {
 $(".visibleOnLoad").hide();
 $(".hiddenOnLoad").show();
 }); 
});
</code></pre>

blocks|key|1499894|text|在IE中，你必须使用click事件，而在其他浏览器中，你必须使用click事件。你的函数可能会变成|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1499895|$(document).ready(function(){
+++$(".hiddenOnLoad").hide();
+++var+evt+=+$.browser.msie+?+"click"+:+"change";
+++$("#viewByOrg").bind(evt,+function+()+{
++++++++++++++++++++++++$(".visibleOnLoad").show();
++++++++++++++++++++++++$(".hiddenOnLoad").hide();
++++++++++++++++++++});

+++$("#viewByProduct").bind(evt,+function+()+{
++++++++++++++++++++++++$(".visibleOnLoad").hide();
++++++++++++++++++++++++$(".hiddenOnLoad").show();
++++++++++++++++++++});+++++
});|code-block|syntax|javascript|1499896|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In IE you must use the click event, in other browsers onchange.
Your function could become

<pre><code>$(document).ready(function(){
 $(".hiddenOnLoad").hide();
 var evt = $.browser.msie ? "click" : "change";
 $("#viewByOrg").bind(evt, function () {
 $(".visibleOnLoad").show();
 $(".hiddenOnLoad").hide();
 });

 $("#viewByProduct").bind(evt, function () {
 $(".visibleOnLoad").hide();
 $(".hiddenOnLoad").show();
 }); 
});
</code></pre>

blocks|key|1715018|text|这也应该行得通：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1715019|$(document).ready(function(){
+++$(".hiddenOnLoad").hide();
+++$("#viewByOrg,+#viewByProduct").bind(($.browser.msie+?+"click"+:+"change"),+function+()+{
++++++++++++++++++++++++$(".visibleOnLoad").show();
++++++++++++++++++++++++$(".hiddenOnLoad").hide();
++++++++++++++++++++});
});|code-block|syntax|javascript|1715020|谢谢皮尔。这非常有帮助。|1715021|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This should work too:

<pre><code>$(document).ready(function(){
 $(".hiddenOnLoad").hide();
 $("#viewByOrg, #viewByProduct").bind(($.browser.msie ? "click" : "change"), function () {
 $(".visibleOnLoad").show();
 $(".hiddenOnLoad").hide();
 });
});
</code></pre>

Thanks Pier. This was very helpful.

blocks|key|1500045|text|使用click事件而不是change事件的问题是，如果选择了相同的单选框(即实际上没有更改)，就会得到事件。如果检查新的值与旧的值不同，则可以将其过滤掉。我觉得这有点烦人。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1500046|如果您使用change事件，您可能会注意到，在您单击IE中的任何其他元素后，它将识别出更改。如果在click事件中调用blur()，它将导致触发change事件(仅当单选框实际发生更改时)。|1500047|我是这样做的：|1500048|//+This+is+the+hack+for+IE
if+($.browser.msie)+{
++$("#viewByOrg").click(function()+{
++++this.blur();
++++this.focus();
++});
}

$("#viewByOrg").change(function()+{
++//+Do+stuff+here
});|code-block|syntax|javascript|1500049|现在，您可以像正常一样使用change事件。|1500050|Edit:添加了对focus()的调用，以防止可访问性问题(参见下面的Bobby注释)。|1500051|entityMap^0|2|5|C|6|0|5|6|1D|5|1N|6|20|6|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]|$9|14|A|15|B|C]|$9|16|A|17|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|18|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|19|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1A|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1B|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|T|$]]

The problem with using the <code>click</code> event instead of <code>change</code> is you get the event if the same radio box is selected (i.e. hasn't actually changed). This can be filtered out if you check that the new value is different than the old. I find this a little annoying.

If you use the <code>change</code> event, you may notice that it will recognize the change after you click on any other element in IE. If you call <code>blur()</code> in the <code>click</code> event, it'll cause the <code>change</code> event to fire (only if the radio boxes actually have a changed).

Here's how I'm doing it:

<pre><code>// This is the hack for IE
if ($.browser.msie) {
 $("#viewByOrg").click(function() {
 this.blur();
 this.focus();
 });
}

$("#viewByOrg").change(function() {
 // Do stuff here
});
</code></pre>

Now you can use the change event like normal.

Edit: Added a call to focus() to prevent accessibility issues (see Bobby's comment below).

blocks|key|1500119|text|imo使用click而不是change使得ie行为不同。我更愿意使用计时器(setTimout)来模拟更改事件行为。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1500120|类似于(警告-记事本代码)：|1500121|if+($.browser.msie)+{
++var+interval+=+50;
++var+changeHack+=+'change-hac';
++var+select+=+$("#viewByOrg");
++select.data(changeHack)+=+select.val();
++var+checkVal=function()+{
++++var+oldVal+=+select.data(changeHack);
++++var+newVal+=+select.val();
++++if+(oldVal+!==+newVal)+{
++++++select.data(changeHack,+newVal);
++++++select.trigger('change')
++++}
++++setTimeout(changeHack,+interval);
++}
++setTimeout(changeHack,+interval);
}

$("#viewByOrg").change(function()+{
++//+Do+stuff+here
});|code-block|syntax|javascript|1500122|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

imo using click instead of change makes the ie behaviour be different.
I'd rather emulate the change event behaviour using a timer (setTimout).

something like (warning - notepad code):

<pre><code>if ($.browser.msie) {
 var interval = 50;
 var changeHack = 'change-hac';
 var select = $("#viewByOrg");
 select.data(changeHack) = select.val();
 var checkVal=function() {
 var oldVal = select.data(changeHack);
 var newVal = select.val();
 if (oldVal !== newVal) {
 select.data(changeHack, newVal);
 select.trigger('change')
 }
 setTimeout(changeHack, interval);
 }
 setTimeout(changeHack, interval);
}

$("#viewByOrg").change(function() {
 // Do stuff here
});
</code></pre>

blocks|key|1715232|text|你有没有试过IE的onpropertychange事件？我不知道这是否会有所不同，但它可能值得一试。当通过JS代码更新值时，IE不会触发change事件，但在这种情况下，onpropertychange可能会起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1715233|$("#viewByOrg").bind($.browser.msie?+'propertychange':+'change',+function(e)+{
++e.preventDefault();+//+Your+code+here+
});+|code-block|syntax|javascript|1715234|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Have you tried IE's onpropertychange event? I dont know if it makes a difference but it's probably worth a try. IE does not trigger the change event when values are updated via JS code but perhaps onpropertychange would work in this instance.

<pre><code>$("#viewByOrg").bind($.browser.msie? 'propertychange': 'change', function(e) {
 e.preventDefault(); // Your code here 
}); 
</code></pre>

blocks|key|1500261|text|我在输入文本时也遇到了同样的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1500262|我改变了：|1500263|$("#myinput").change(function()+{+"alert('I+changed')"+});|code-block|syntax|javascript|1500264|至|1500265|$("#myinput").attr("onChange",+"alert('I+changed')");|1500266|对我来说，一切都很好！|1500267|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I had the same issue with input text.

I changed:

<pre><code>$("#myinput").change(function() { "alert('I changed')" });
</code></pre>

to

<pre><code>$("#myinput").attr("onChange", "alert('I changed')");
</code></pre>

and everything is working fine for me!

blocks|key|1715391|text|这是一种简单的方法，可以告诉IE在元素被单击时触发更改事件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1715392|if($.browser.msie)+{
++++$("#viewByOrg").click(function()+{
++++++++$(this).change();
++++});
}|code-block|syntax|javascript|1715393|您可以将其扩展为更通用的内容，以处理更多的表单元素：|1715394|if($.browser.msie)+{
++++$("input,+select").click(function()+{
++++++++$(this).change();
++++});
++++$("input,+textarea").keyup(function()+{
++++++++$(this).change();
++++});
}|1715395|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

This is a simple way to tell IE to fire the change event when the element is clicked: 

<pre><code>if($.browser.msie) {
 $("#viewByOrg").click(function() {
 $(this).change();
 });
}
</code></pre>

You could expand this to something more generic to work with more form elements:

<pre><code>if($.browser.msie) {
 $("input, select").click(function() {
 $(this).change();
 });
 $("input, textarea").keyup(function() {
 $(this).change();
 });
}
</code></pre>

blocks|key|1715400|text|试试这个，它对我很有效。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1715401|$("#viewByOrg")
++++++++.attr('onChange',+$.browser.msie+?+"$(this).data('onChange').apply(this)"+:+"")
++++++++.change(+function(){if(!$.browser.msie)$(this).data('onChange').apply(this)}+)
++++++++.data('onChange',function(){alert('put+your+codes+here')});|code-block|syntax|javascript|1715402|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

try this, it works for me

<pre><code>$("#viewByOrg")
 .attr('onChange', $.browser.msie ? "$(this).data('onChange').apply(this)" : "")
 .change( function(){if(!$.browser.msie)$(this).data('onChange').apply(this)} )
 .data('onChange',function(){alert('put your codes here')});
</code></pre>

blocks|key|1715457|text|添加此插件|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1715458|jQuery.fn.radioChange+=+function(newFn){
++++this.bind(jQuery.browser.msie?+"click"+:+"change",+newFn);
}|code-block|syntax|javascript|1715459|然后|1715460|$(function(){
++++$("radioBtnSelector").radioChange(function(){
++++++++//do+stuff
++++});
});|1715461|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

add this plugin

<pre><code>jQuery.fn.radioChange = function(newFn){
 this.bind(jQuery.browser.msie? "click" : "change", newFn);
}
</code></pre>

then 

<pre><code>$(function(){
 $("radioBtnSelector").radioChange(function(){
 //do stuff
 });
});
</code></pre>

blocks|key|1500435|text|在IE中，强制单选和复选框触发"change“事件：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1500436|if($.browser.msie+&&+$.browser.version+<+8)
++$('input[type=radio],[type=checkbox]').live('click',+function(){
++++$(this).trigger('change');
++});|code-block|syntax|javascript|1500437|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In IE, force radio and checkboxes to trigger a "change" event:

<pre><code>if($.browser.msie &amp;&amp; $.browser.version &lt; 8)
 $('input[type=radio],[type=checkbox]').live('click', function(){
 $(this).trigger('change');
 });
</code></pre>

blocks|key|1715556|text|这可能会对某些人有所帮助:不是从表单的id开始，而是以select+id为目标，并在更改时提交表单，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1715557|<form+id='filterIt'+action=''+method='post'>
++<select+id='val'+name='val'>
++++<option+value='1'>One</option>
++++<option+value='2'>Two</option>
++++<option+value='6'>Six</option>
++</select>
++<input+type="submit"+value="go"+/>
</form>|code-block|syntax|javascript|1715558|和jQuery：|1715559|$('#val').change(function(){
++$('#filterIt').submit();
});|1715560|(显然，提交按钮是可选的，以防javascript被禁用)|1715561|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

This may help someone:
Instead of starting with the form's id, target the select id and submit the form on change, like this: 

<pre><code>&lt;form id='filterIt' action='' method='post'&gt;
 &lt;select id='val' name='val'&gt;
 &lt;option value='1'&gt;One&lt;/option&gt;
 &lt;option value='2'&gt;Two&lt;/option&gt;
 &lt;option value='6'&gt;Six&lt;/option&gt;
 &lt;/select&gt;
 &lt;input type="submit" value="go" /&gt;
&lt;/form&gt;
</code></pre>

and the jQuery:

<pre><code>$('#val').change(function(){
 $('#filterIt').submit();
});
</code></pre>

(Obviously, the submit button is optional, in case javascript is disabled)

blocks|key|1500512|text|//global
var+prev_value+=+"";+

$(document).ready(function+()+{

+if+(jQuery.browser.msie+&&+$.browser.version+<+8)
++++++$('input:not(:submit):not(:button):not(:hidden),+select,+textarea').bind("focus",+function+()+{+
+++++++++prev_value+=+$(this).val();

+++++++}).bind("blur",+function+()+{+
+++++++++if($(this).val()+!=+prev_value)
+++++++++has_changes+=+true;
+++++++});
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1500513|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>//global
var prev_value = ""; 

$(document).ready(function () {

 if (jQuery.browser.msie &amp;&amp; $.browser.version &lt; 8)
 $('input:not(:submit):not(:button):not(:hidden), select, textarea').bind("focus", function () { 
 prev_value = $(this).val();

 }).bind("blur", function () { 
 if($(this).val() != prev_value)
 has_changes = true;
 });
}
</code></pre>

blocks|key|1715620|text|从jquery+1.6开始，这不再是一个问题。虽然不确定它是什么时候修复的..不过还是要感谢上帝|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1715621|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

as of jquery 1.6 this is no longer a problem.. not sure when it was fixed though.. Thank god for it though

blocks|key|1715671|text|如果您将jQuery版本更改为1.5.1，则无需调整代码。然后IE9就会完美地听：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1715672|$(SELECTOR).change(function()+{
++++//+Shizzle
});|code-block|syntax|javascript|1715673|http://code.jquery.com/jquery-1.5.1.min.js|offset|length|1715674|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|16|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|T|8|@]|9|@$I|U|J|V|1|W]]|A|$]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|H]]]]

If you change your jQuery version to 1.5.1, you won't have to adjust your code. Then IE9 wil listen just perfect to:

<pre><code>$(SELECTOR).change(function() {
 // Shizzle
});
</code></pre>

<a href="http://code.jquery.com/jquery-1.5.1.min.js" rel="nofollow">http://code.jquery.com/jquery-1.5.1.min.js</a>

blocks|key|1500655|text|点击的诀窍起作用了。但是，如果您想要获得正确的单选或复选框状态，您可以使用以下命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1500656|(function($)+{
++++$('input[type=checkbox],+input[type=radio]').live('click',+function()+{
+++++++var+$this+=+$(this);
+++++++setTimeout(function()+{
++++++++++$this.trigger('changeIE');+
+++++++},+10)+
++++});
})(jQuery);

$(selector).bind($.browser.msie+&&+$.browser.version+<=+8+?+'changeIE'+:+'change',+function()+{
++//+do+whatever+you+want
})|code-block|syntax|javascript|1500657|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

the trick with the click works... but if you want to get the correct state of radio or checkbox you can use this:

<pre><code>(function($) {
 $('input[type=checkbox], input[type=radio]').live('click', function() {
 var $this = $(this);
 setTimeout(function() {
 $this.trigger('changeIE'); 
 }, 10) 
 });
})(jQuery);

$(selector).bind($.browser.msie &amp;&amp; $.browser.version &lt;= 8 ? 'changeIE' : 'change', function() {
 // do whatever you want
})
</code></pre>

blocks|key|1500663|text|尝试以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1500664|.bind($.browser.msie+?+'click'+:+'change',+function(event)+{|code-block|syntax|javascript|1500665|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try the following:

<pre><code>.bind($.browser.msie ? 'click' : 'change', function(event) {
</code></pre>

I'm using jQuery to hide and show elements when a radio button group is altered/clicked. It works fine in browsers like Firefox, but in IE 6 and 7, the action only occurs when the user then clicks somewhere else on the page.

To elaborate, when you load the page, everything looks fine. In Firefox, if you click a radio button, one table row is hidden and the other one is shown immediately. However, in IE 6 and 7, you click the radio button and nothing will happen until you click somewhere on the page. Only then does IE redraw the page, hiding and showing the relevant elements.

Here's the jQuery I'm using:

<pre><code>$(document).ready(function () {
 $(".hiddenOnLoad").hide();

 $("#viewByOrg").change(function () {
 $(".visibleOnLoad").show();
 $(".hiddenOnLoad").hide();
 });

 $("#viewByProduct").change(function () {
 $(".visibleOnLoad").hide();
 $(".hiddenOnLoad").show();
 });
});
</code></pre>

Here's the part of the XHTML that it affects. The whole page validates as XHTML 1.0 Strict.

<pre><code>&lt;tr&gt;
 &lt;td&gt;View by:&lt;/td&gt;
 &lt;td&gt;
 &lt;p&gt;
 &lt;input type="radio" name="viewBy" id="viewByOrg" value="organisation"
 checked="checked" /&gt;Organisation&lt;/p&gt;
 &lt;p&gt;
 &lt;input type="radio" name="viewBy" id="viewByProduct" value="product" /&gt;Product&lt;/p&gt;
 &lt;/td&gt;
&lt;/tr&gt;
&lt;tr class="visibleOnLoad"&gt;
 &lt;td&gt;Organisation:&lt;/td&gt;
 &lt;td&gt;
 &lt;select name="organisation" id="organisation" multiple="multiple" size="10"&gt;
 &lt;option value="1"&gt;Option 1&lt;/option&gt;
 &lt;option value="2"&gt;Option 2&lt;/option&gt;
 &lt;/select&gt;
 &lt;/td&gt;
&lt;/tr&gt;
&lt;tr class="hiddenOnLoad"&gt;
 &lt;td&gt;Product:&lt;/td&gt;
 &lt;td&gt;
 &lt;select name="product" id="product" multiple="multiple" size="10"&gt;
 &lt;option value="1"&gt;Option 1&lt;/option&gt;
 &lt;option value="2"&gt;Option 2&lt;/option&gt;
 &lt;/select&gt;
 &lt;/td&gt;
&lt;/tr&gt;
</code></pre>

If anyone has any ideas why this is happening and how to fix it, they would be very much appreciated!

Getting jQuery to recognise .change() in IE

jQuery

当单选按钮组被更改/单击时，我使用jQuery来隐藏和显示元素。它在Firefox等浏览器中工作得很好，但在IE6和IE7中，只有当用户点击页面上的其他地方时，该操作才会发生。更详细地说，当您加载页面时，一切看起来都很好。在Firefox中，如果单击某个单选按钮，则会隐藏一个表行，而立即显示另一个表行。但是，在IE6和...

问让jQuery识别IE中的.change()
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问让jQuery识别IE中的.change()EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问让jQuery识别IE中的.change()
EN