CF*******@gmail.com wrote:
I have a script that is working fine in the latest version of Firefox
with no errors or warnings, but does not work in IE. I have several
select boxes that, when changed, update some text (a price) on the
page. I'm checking what value is selected with an if statement,
setting a variable, then later updating the page. Here's the code that
gives me an "Object doesn't support this property or method" in IE but
works in Firefox:
if (document.order.cpu.options[document.order.cpu.selectedIndex].value
== "sempron3000") {var cpu = 85;}
When posting code, post a minimal working example that demonstrates the
issue, or post a link. The following displays the described behaviour:
<script type="text/javascript">
function checkIt()
{
var x = document.order.cpu;
if (x.options[x.selectedIndex].value == "sempron3000") {
var cpu = 85;
}
alert(cpu);
}
</script>
<form name="order" action="">
<div>
<select name="cpu">
<option>sempron3000</option>
<option>blah</option>
</select>
<input type="button" value="Check value"
onclick="checkIt();">
</div>
</form>
the form is named order, and cpu is the select box name. The
"sempron3000" is the value I've given the option. Why is this working
in Firefox but not in Internet Explorer? Thank you in advance for your
help,
I suspect that you problem is that you haven't defined a value for the
option in the source HTML. The W3C HTML spec says that if no value
attribute is provided, the value of an option its content.
<URL:http://www.w3.org/TR/html4/interact/forms.html#adef-value-OPTION>
However, IE doesn't do that. If you don't give the option a value, you
have to explicitly get the option's text property.
There are two solutions: give the option value attribute a value or use
the text attribute.
Note that the code, as posted, has no syntax errors though it could be
much more concise. In your case, the value of the option could be '85'
and the text 'Sempron3000'. Now to get a value for local variable 'cpu'
you just get the value of the selected option, e.g.
<script type="text/javascript">
function checkIt()
{
var x = document.order.cpu;
var cpu = x.options[x.selectedIndex].value;
alert(cpu);
}
</script>
<form name="order" action="">
<div>
<select name="cpu">
<option value="85">sempron3000</option>
<option value="12">blah</option>
</select>
<input type="button" value="Check value"
onclick="checkIt();">
</div>
</form>
--
Rob
