人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

下記のような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>

●質問者: kaji0245
●カテゴリ:インターネット ウェブ制作
✍キーワード:href グループ テスト 名前 携帯
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Marine-Blue
●60ポイント

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/

◎質問者からの返答

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ