Click to See Complete Forum and Search --> : Help with JS/iframe/linking to self


bond1973
11-19-2003, 02:02 PM
I have a form on a webpage which basically...the user picks their state from the drop down box and when they hit the "go" button they get a list of dealers near them. The dealer listings are all in .html files. I'm trying to contain this entirely in an iframe. The original form that they choose their state from is in the iframe, then they pick their state, hit "go" and I want the results to show up in the same iframe. Right now the results are taking over the entire browser window. Here's the code that I have...I know nothing about JS.

<form name="ListBoxForm">
<p>
<select SIZE="1" NAME="ListBoxURL">
<option value="./dealer/ak.html">Alaska</option>
<option value="./dealer/al.html">Alabama</option>
<option value="./dealer/ar.html">Arkansas</option>
<option value="./dealer/az.html">Arizona</option>
<option value="./dealer/ca.html">California</option>
<option value="./dealer/canada.html">Canada</option>
<option value="./dealer/co.html">Colorado</option>
<option value="./dealer/ct.html">Connecticut</option>
<option value="./dealer/de.html">Delaware</option>
<option value="./dealer/fl.html">Florida</option>
<option value="./dealer/ga.html">Georgia</option>
<option value="./dealer/hi.html">Hawaii</option>
<option value="./dealer/ia.html">Iowa</option>
<option value="./dealer/id.html">Idaho</option>
<option value="./dealer/il.html">Illinois</option>
<option value="./dealer/in.html">Indiana</option>
<option value="./dealer/ks.html">Kansas</option>
<option value="./dealer/ky.html">Kentucky</option>
<option value="./dealer/la.html">Louisiana</option>
<option value="./dealer/ma.html">Massachusetts</option>
<option value="./dealer/md.html">Maryland</option>
<option value="./dealer/me.html">Maine</option>
<option value="./dealer/mi.html">Michigan</option>
<option value="./dealer/mn.html">Minnesota</option>
<option value="./dealer/mo.html">Missouri</option>
<option value="./dealer/ms.html">Mississippi</option>
<option value="./dealer/mt.html">Montana</option>
<option value="./dealer/ne.html">Nebraska</option>
<option value="./dealer/nc.html">North Carolina</option>
<option value="./dealer/nd.html">North Dakota</option>
<option value="./dealer/nh.html">New Hampshire</option>
<option value="./dealer/nj.html">New Jersey</option>
<option value="./dealer/nm.html">New Mexico</option>
<option value="./dealer/nv.html">Nevada</option>
<option value="./dealer/ny.html">New York</option>
<option value="./dealer/oh.html">Ohio</option>
<option value="./dealer/ok.html">Oklahoma</option>
<option value="./dealer/or.html">Oregon</option>
<option value="./dealer/pa.html">Pennsylvania</option>
<option value="./dealer/ri.html">Rhode Island</option>
<option value="./dealer/sc.html">South Carolina</option>
<option value="./dealer/sd.html">South Dakota</option>
<option value="./dealer/tn.html">Tennessee</option>
<option value="./dealer/tx.html">Texas</option>
<option value="./dealer/ut.html">Utah</option>
<option value="./dealer/va.html">Virginia</option>
<option value="./dealer/vt.html">Vermont</option>
<option value="./dealer/wa.html">Washington</option>
<option value="./dealer/wi.html">Wisconsin</option>
<option value="./dealer/wv.html">West Virginia</option>
<option value="./dealer/wy.html">Wyoming</option>
</select>
<input TYPE="button" VALUE="Go" ONCLICK="gotoLink(this.form)" NAME="button">
</p>
<script language="JavaScript">
<!--
function gotoLink(form) {
var OptionIndex=form.ListBoxURL.selectedIndex;
parent.location = form.ListBoxURL.options[OptionIndex].value;}
//-->
</script>
</form>

Hope that's not excessive. Thanks for any and all help with this.

soccer362001
11-19-2003, 03:12 PM
<input TYPE="button" VALUE="Go" onclick="document.location='something.html'" target="main" NAME="button">