selectOption.remove() leaves empty space in IE6 and crashed when clicked

[anonymous]

In IE6, calling .remove() on an option removes the option successfully, but leaves a blank space in the select where the option used to be. The hover effect indicates that the option isn't really there. When clicked, the browser crashes.

Offending code:

mySelectBox.find("option[value='" + myOption + "']").remove();

[timmywil]

Thanks for taking the time to contribute to the jQuery project! Please provide a complete reduced test case on jsFiddle to help us assess your ticket.

Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, use this boilerplate: ​http://jsfiddle.net/FrKyN/. Open the link and click to "Fork" (in the top menu) to get started.

[anonymous]

I tried to recreate this bug in jsFiddle but could not. Must be something else in the js or css causing this. To resolve, I had force the html to rerender by doing:

var html = mySelectContainer.html(); mySelectContainer.html(html);

[dmethvin]

It wouldn't surprise me that IE6 had such a bug, but lacking a test case we'll close this for now.