[jQuery] Selectbox Manipulation...Works in FF but not in IE6 or IE7
Hi folks,
I'm trying to manipulate which item in a select box is selected using jQuery. The following code snippet works great in FF but fails miserably in IE6 and IE7
<div class="sourceRow hovered"><a class="sourceLine"> </a><span class="sourceRowText">// select the publish to option</span></div>
<div class="sourceRow"><a class="sourceLine"> </a><span class="sourceRowText">$("#PublishToID > option").each(function(){</span></div><div class="sourceRow"><a class="sourceLine"> </a><span class="sourceRowText">$this = $(this);</span></div>
<div class="sourceRow"><a class="sourceLine"> </a><span class="sourceRowText">if($this.attr("textContent") == PublishTo){</span></div><div class="sourceRow"><a class="sourceLine"> </a><span class="sourceRowText">$this.attr("selected", true)</span></div>
<div class="sourceRow"><span class="sourceRowText"> }</span></div><div class="sourceRow"><a class="sourceLine"> </a><span class="sourceRowText">});</span></div>
Given that I have a select box that looks like this:
<select name="PublishTo" id="PublishToID">
<option value="3">Some Page Title</option>
<option value="4">Some Other Page Title</option>
<option value="5">Page 5</option>
<option value="1">Page 1</option>
<option value="2">Page 2</option>
</select>
--
<a href="http://cjordan.us">http://cjordan.us</a>