![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
JavaScript初心者です。
現在WEBページで路線検索システムを作成しています。
路線名がセットされたselectボックスがあり、路線が選択されると(onchange)その路線に属する駅名をデータとして持ったselectボックスを生成する、というscriptを作る予定です。
駅名のリストはcsvファイルで持っており、選択された路線でそのファイルを限定し、読み込み駅名を表示させたいのですが、それは可能でしょうか?
大変困っております。
どなたかお力をお貸しください…
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
なるほど...
データバインドで動的に<Select>を作れますね。
---
<object id="Data1" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83">
<param name="DataURL" value="data.csv">
</object>
<script type="text/javascript">
function func(myform) {
for(i = myform.Slct2.options.length - 1; i >= 0; i--){
myform.Slct2.options.remove(i);
}
Data1.object.Filter = myform.Slct1.options[myform.Slct1.selectedIndex].value;
Data1.Reset();
var rs = Data1.recordset;
while (! rs.EOF){
var elm = document.createElement("OPTION");
elm.text = rs.fields(1).value;
myform.Slct2.add(elm);
rs.MoveNext();
}
}
</script>
<form>
<select name="Slct1" onChange="func(this.form)">
<option value="">
<option value="Column1=A線">A線
<option value="Column1=B線">B線
</select>
<select name="Slct2">
</select>
</form>
この回答への補足
ありがとうございます。
スクリプト自体初心者なものでソースを理解するのに時間がかかってしまいました(^^;
上記の方法だと、ファイルは「data.csv」1つのみしか指定できないのでしょうか?
駅名のファイルは、路線分(複数)あるのでファイルを1つに特定できません…
何か良い方法はありませんでしょうか…
よろしくお願いします。
No.2
- 回答日時:
SELECTメニューを動的に表示することは可能です。
-----------------------
<html>
<head>
<script type="text/vbscript">
Sub test()
document.myform.slct.style.display = ""
Set opt1 = document.createElement("OPTION")
document.myform.slct.Add (opt1)
opt1.Text ="A駅"
Set opt2 = document.createElement("OPTION")
document.myform.slct.Add (opt2)
opt2.Text ="B駅"
End Sub
</script>
</head>
<body>
<form name="myform">
<input type="button" value="セレクトボタン出現!" onclick="test()">
<select name="slct" style="display:none">
</select>
</form>
</body>
</html>
-------------------------------
上記の方法と、#1 の方の方法を組み合わせれば、ご希望の仕様を満たすHTMLが出来ると思います。
頑張って下さい。
No.1
- 回答日時:
IE限定ならデータバインドという手があります。
同じようなことを考えましたが、<select>を作るのは
無理だと思っています。(別窓なら可能)
ラジオボタンならこんな感じ。
--- "data.csv" ---
"A線","a駅"
"A線","b駅"
"B線","c駅"
"B線","d駅"
--- "test.html" ---
<object id="Data1" classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83">
<param name="DataURL" value="data.csv">
</object>
<select onClick="Data1.object.Filter = this.options[this.selectedIndex].value; Data1.Reset();">
<option value="">
<option value="Column1=A線">A線
<option value="Column1=B線">B線
</select>
<table datasrc="#Data1">
<tr><td>
<input type=radio name=radio1><span datafld="Column2"></span>
</td></tr>
</table>
---------
参考URL:http://tohoho.wakusei.ne.jp/wwwxx085.htm
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) セレクトボックスで選択された値をコントローラーで使用したい 2 2022/07/26 16:41
- 画像編集・動画編集・音楽編集 Google Earth Pro 高速道路上空を一定の速度で飛ぶツアー動画の作り方は?? 1 2022/06/01 15:10
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- その他(IT・Webサービス) 乗換案内(区間の一部を指定して有料特急を使用する検索) 4 2023/06/25 22:26
- 電車・路線・地下鉄 線路の脇にある、この三つの器具の意味と数字や文字の意味を教えてください。 わかる範囲でよいです、 1 2 2023/07/03 11:09
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- Excel(エクセル) [クイックアクセスツールバー]の設定ファイルの格納場所について、 5 2023/04/21 14:43
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Win版SafariのSELECT要素追加に...
-
セレクトを全て選択されていな...
-
CSVファイルを読みこみ、プルダ...
-
html selectの内容を初期値に戻す
-
return trueとreturn falseの用...
-
JavaScriptde途中で、「exit」...
-
テキストボックスの値同士を比...
-
<JavaScript>tableタグを入力不...
-
onchangeイベントを強制的に発...
-
iframe内のformをサブミットす...
-
Tablesorteを2行一組でソートする
-
【jQuery】input nameの文字列...
-
セレクトボックスを2つ選択して...
-
javascriptでセレクトボックス...
-
プルダウンで作文!?
-
C言語クイックソートの比較総回...
-
リンク文字クリックでラジオボ...
-
JavaScript ログアウト処理
-
Selectボックスの一覧表示方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
Selectの中身をfor文で入れる
-
html selectの内容を初期値に戻す
-
JQuery selectが反映されない
-
jQuery セレクトボックスで選択...
-
CSVファイルを読みこみ、プルダ...
-
セレクトを全て選択されていな...
-
現在時刻を取得してフォームのs...
-
セレクトの値を取得できない
-
リストボックスの項目の順番を...
-
onchange等のイベントハンドラ...
-
onFocusOutが複数回呼ばれる!
-
テーブルにおける行(セルにプル...
-
javascriptでプルダウンメニュ...
-
ブラウザの戻るボタンを押した...
-
javascriptでの2つのプルダウン...
-
<textarea>にプルダウンを表示...
-
selectタグに直接onChangeを書...
-
window.openで新しいタブが開か...
おすすめ情報