PDA

View Full Version : dropboxes

chrismiceli
09-12-2002, 02:39 AM
this is my first time working with drop boxes, what is wrong with this script, thanx for the help!

<html>
<head>
<title>Converter</title>
<script language="javascript">
mult = document.converter.number.value;
function enter(mult) {
if (document.converter.list.selectedIndex == 0)
answer = mult * .95;
if (document.converter.list.selectedIndex == 1)
answer = mult / 3.28;
if (document.converter.list.selectedIndex == 2)
answer = mult * 2.2;
}
answer = document.converter.number.result.value;
</script>
</head>
<body>
<form name="converter">
Number to be converted:&nbsp;&nbsp;&nbsp;Answer:<br>
<input type="text" name="number" value="">
<select name="list">
<option>Quart to Liter</option>
<option>Feet to Meters</option>
<option>Pounds to Kilograms</option>
<input type="text" name="result" value="">
<input type="button" name="ans" value="Result" onClick="enter(document.converter.number.value)">
</form>
</body>
</html>
x_goose_x
09-12-2002, 04:05 AM
<html>
<head>
<title>Converter</title>
<script language="javascript">
function enter(formname) {
formname.result.value = formname.list.value*formname.number.value;
}
</script>
</head>

<body>

<form name="converter">

Number to be converted: Answer:<br>

<input type="text" name="number" value="">

<select name="list">
<option value="0.95">Quart to Liter</option>
<option value="0.305">Feet to Meters</option>
<option value="2.2">Pounds to Kilograms</option>
</select>

<input type="text" name="result" value="">

<input type="button" name="ans" value="Result" onClick="enter(document.converter)">

</form>

</body>
</html>
glenngv
09-12-2002, 07:07 AM
Originally posted by x_goose_x

<html>
<head>
<title>Converter</title>
<script language="javascript">
function enter(formname) {
formname.result.value = formname.list.value*formname.number.value;
}
</script>
</head>

<body>

<form name="converter">

Number to be converted: Answer:<br>

<input type="text" name="number" value="">

<select name="list">
<option value="0.95">Quart to Liter</option>
<option value="0.305">Feet to Meters</option>
<option value="2.2">Pounds to Kilograms</option>
</select>

<input type="text" name="result" value="">

<input type="button" name="ans" value="Result" onClick="enter(document.converter)">

</form>

</body>
</html>


formname.list.value which is supposed to be the value of a select tag, only works with IE.
To make it cross-browser, the correct way to do is:

formname.list.options[formname.list.selectedIndex].value