dポイントプレゼントキャンペーン実施中！

複数のプルダウンの連動とリンク

締切済

  • 質問者：ai0908
  • 質問日時：
  • 回答数：2件

複数の連動するプルダウンを作成し、さらに最後のページをリンクで
飛ばしたいのですが、java初心者のためそのように記述してよいのか
分かりません。
３つのプルダウンであれば他のページに記述例があったのですが、
増やす時などにどこをいじればよいか分かりませんでした。
下記ソースは他サイトからのものですが、最後のプルダウンにリンク貼れますか？
他の記述でもかまいませんので教えてください。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<script type="text/javascript"><!--
function ResetOptions( index )
{
var select = document.getElementById( "select" + index );
while( select ) {
for( var i = 0, len = select.length; i < len; i++ ) {
select.options[0] = null;
}
CreateOption( select, "", "項目" + ( index - 1 ) + "を選択してください" );
index++;
select = document.getElementById( "select" + index );
}
}

function CreateOption( select, key, value )
{
var option = document.createElement( "OPTION" );
option.setAttribute( "value", key );
var text = document.createTextNode( value );
option.appendChild( text );
select.appendChild( option );
}

function CreateOptions( index, value, pleaseSelect )
{
var select = document.getElementById( "select" + index );
if( ! select ) {
return;
}

for( var i = 0, len = select.length; i < len; i++ ) {
select.options[0] = null;
}

var option, text, list;
if( index > 1 ) {
if( value ) {
list = dataList[index-1][value];
}
else {
ResetOptions( index );
return;
}
}
else {
list = dataList[0];
}

if( pleaseSelect ) {
CreateOption( select, "", "↓選択してください" );
}

for( var key in list ) {
CreateOption( select, key, list[key] );
}
ResetOptions( index + 1 );
}

var dataList = [
{ "asia": "アジア", "europe": "ヨーロッパ", "south_america": "南米" },
{
"asia" : { "japan": "日本", "korea": "韓国" },
"europe": { "italy": "イタリア", "spain": "スペイン", "sweden": "スウェーデン" },
"south_america": { "brazil": "ブラジル", "argentina": "アルゼンチン" }
},
{
"japan": { "": "38位" },
"korea": { "": "45位" },
"italy": { "": "3位" },
"spain": { "": "4位" },
"sweden": { "": "30位" },
"brazil": { "": "2位" },
"argentina": { "": "1位" }
}
];

window.onload = function() {
CreateOptions( 1, null, true );
ResetOptions( 2 );
};
//--></script>
</head>
<body>
<h1>サッカー世界ランク</h1>
<p>地域：<select id="select1" onchange="CreateOptions( 2, this.options[this.selectedIndex].value, true );"></select></p>
<p>国：<select id="select2" onchange="CreateOptions( 3, this.options[this.selectedIndex].value, false );"></select></p>
<p>順位：<select id="select3"></select></p>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2

NO.1です。


「分かってるよ！」と思われるかもしれませんが一応…

もし社内にできる方がいないのであれば、
外注（お金を払って作ってもらう）という手もあります。
私もそうですが、個人的に依頼されて作る方も大勢いらっしゃいます。
（個人は会社と違い破格の安さです）

ここにそれっぽいコードを書いてもいいのですが、
失礼ながらもう1つの回答をした時に「こういう感じと提示しても
実際の内容に修正できなそう」と感じてしまいました。
意外と質問の数も多いですし…。

お急ぎでないなら、勉強が1番だと思います。
JavaScriptも書籍はたくさんあります。
ガンバって下さい！
    • good
    • 0
    • 件
通報する

No.1

http://qanda.rakuten.ne.jp/qa7817436.htmlで回答した者です。
先ほどのと違い、こちらはそれなりに高度です。

> 下記ソースは他サイトからのものですが、最後のプルダウンにリンク貼れますか？
「最後のページをリンクで飛ばしたい」の意味が掴み兼ねますが、
ほとんどのことがJavaScriptで可能です。

> 増やす時などにどこをいじればよいか分かりませんでした。
この認識が間違っています。
この場合、ドコかをコピペすれば増えていくという単純なものではありません。
なので「複数」という曖昧な言葉では恐らくまた同様の質問をするかと思われます。
もっと具体的に「こうしたい！」という提示をして下さい。

それと気になったのですが、先ほどのを合わせてこれは何のサイトですか？
趣味であれば、そんなに慌てず理解を深めてから作っていった方が、
後々項目の変更なども柔軟にできていいと思いますよ？

この回答への補足

ご丁寧に有難うございます。javascriptとはとても深く難しいのですね。
コピーペーストで何とかなると思っていたのですが、無理そうで残念です。
今会社で社内のポータルサイトを作成していて、質問形式で絞込み最後に答えを表示したいと思いました。質問は多いものでは６つ、少ないものであれば２つで答えにたどりつくというものです。
しかし、私には難しすぎたようです。
色々とアドバイス有難うございました。
基礎から勉強しようと思います。

補足日時：2012/11/27 21:43
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報