複数の入力フォーム

質問

次のようなページを作りたいのですが
どのように書けば(HTML JavaScript)よいのか教えていただけませんか？

-背景-
仕事で鉄道路線検索ページ(Yahooなどにある)をつかうことが多いのですが、出発駅はいつも同じ(会社の最寄の駅)で到着駅をいろいろ変えるパターンの検索ばかりやっています。

-やりたいこと-
毎回毎回出発駅に同じものを入力するのが面倒くさいので、出発駅をひとつ、到着駅を複数入れてそれぞれ結果を出力できるようにしたい。

-思いついたイメージ-

入力画面
出発駅 ：xxxxx
到着駅1 ：yyyyy [ボタン１] ←これを押すと出発駅から到着駅1までの情報が新しい画面に表示される。
到着駅2 ：zzzzz [ボタン２] ←これを押すと到着駅2までの情報が表示される。
: :
到着駅10：nnnnn [ボタンｎ]

出力画面
----------------------
出発～到着1の情報 → 結果毎に違うフレームに表示できればとてもいいのですが無理であればそれぞれ別の画面でもいいです。
----------------------
出発～到着2の情報
----------------------
：
----------------------
出発～到着ｎの情報

よろしくお願いします。

回答No.1

the845t · ベストアンサー

到着駅２までの。。。
というのは、やろうと思えばできるのかもしれませんが、
あまり効率的ではないかもしれません。

こうしてはいかがでしょう。

まず、路線ページのソースをコピーします。
<!-- result start -->
のすぐ上のテーブルから、
<!-- SKY START -->
のちょっと前の</table>まで。

後は、<form>のactionを「/」から「http://transit.yahoo.co.jp/」と変更し、
target="_blank"を加える。

出発駅の項目
<input name="val_from" size="14" value="" id="yj_set_focus_here" onKeyPress="yj_set_focus_blur()"> 駅
のvalueに出発駅を入力しておく。

後は、到着駅を入力後クリックするたびに新しいウィンドウでその窓が表示されます。

省略できるのは出発駅の項目の入力だけですが、
別窓で表示させているので、次の項目入力も簡単かと思います。