Yesterday I made a simple project and required a select menu with three levels of linkage. However, IE6, which cannot afford to be hurt, encountered a select bug that cannot be hidden, I have also introduced the select layer-high issue in IE6, which can be solved by hiding select or using iframe occlusion. Today's bug is different, if you use js to control select display hiding, you may often encounter this problem. After debugging one afternoon, you finally found a solution.
IE6 cannot hide the select reproduction code
Create two associated select statements. After the first select statement is changed through javascript, the second select statement is added based on the first value, if it is null, the second select is hidden. (In this example, the first select is hidden ), switch from the third value of the first select to the second value, then the second select will not be hidden.
For more information, see the following example:
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <Html xmlns =" http://www.w3.org/1999/xhtml "Xml: lang =" en ">
Tip: the code can be modified before running!
Select label solution cannot be hidden in IE6
You can set select to display first and then none.
Control display by adding class to select
For more information, see the source code comments in the preceding example.