下記のような2階層のプルダウンメニューを携帯ページで実現したいのですが?

よい方法を教えていただければ幸いです。
<script language="JavaScript" type="text/javascript">
<!--
var data = new Array("グループ名を選択","グループA","グループB");
var data0 = new Array("---");
var data1 = new Array("お名前を選択","テスト01","テスト02","テスト03");
var data2 = new Array("お名前を選択","テストA","テストB","テストC");

function SetList(objid, arr){
var obj = document.getElementById(objid);
for(i=obj.length; i>=0; i--){ obj.options[i] = null; }
for(i=0; i<arr.length; i++){
obj.options[i] = new Option(arr[i]);
obj.options[i].value = arr[i];
}
}

function goToPage(){
var obj = document.getElementById("sel1");
location.href = obj.value;
}

//-->
</script>
<div>
<form>
<select id="sel0" name="sel0" style="width:160px;" onChange="SetList('sel1', eval('data' + this.selectedIndex))">
<option>---</option>
</select>
<br>
<br>
<span class="style2">お名前</span><br>
<select id="sel1" name="sel1" style="width:160px;" onChange="alert(this.options[this.options.selectedIndex].value);">
<option>---</option>
</select>

</form>
</div>
</p>

回答の条件
  • URL必須
  • 1人5回まで
  • 登録:2007/07/14 02:22:29
  • 終了:2007/07/21 02:25:03

回答(1件)

id:Marine-Blue No.1

Marine-Blue回答回数237ベストアンサー獲得回数122007/07/14 09:33:15

ポイント60pt

OpenWAVEなどのWAPブラウザはJavaScriptに対応していないためそういうやり方は出来ません。

WAP:http://ja.wikipedia.org/wiki/Wireless_Application_Protocol

JavaScript:http://ja.wikipedia.org/wiki/JavaScript

フルブラウザを想定してやるのは構いませんがそれだと必然的にWAPブラウザは排除されます。

全てのモバイル環境でフォームの変更を取得して何らかのアクションを起こすのは実質不可能です。

何か携帯用CGIプログラムなどを用いてそれに近い操作性を持たせたものを作るのが良いんじゃないかな?

何を作るのか知らないので適切なURLを挙げにくいのが残念なところですが、とりあえず携帯で使えるCGIスクリプトの配布ページを載せておきます。

http://www.jp-area.com/cgi/link/html/02.html

http://www.cgi-down.com/

id:kaji0245

ご回答ありがとうございます、参考にさせていただきます。

2007/07/14 14:26:11

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません