Webサイト制作初心者用質問スレ part244 (11レス)
Webサイト制作初心者用質問スレ part244 http://toro.2ch.sc/test/read.cgi/hp/1431848593/
上
下
前
次
1-
新
通常表示
512バイト分割
レス栞
7: Name_Not_Found [sage] 2015/09/07(月) 23:30:37.06 ID:85dShg7aD >>6 今ひとつやりたい事が理解できない <select name="city"> 東京都 </select> <select name="city2"> 大阪府 京都府 </select> こういうノードが有るの? それとも <select name="city"> 東京都 大阪府 京都府 </select> こういうの? この他に「地方」みたいな選択肢があって、それを元に動的にcityの内容をフィルタリングしたいって事? http://toro.2ch.sc/test/read.cgi/hp/1431848593/7
8: Name_Not_Found [] 2015/09/09(水) 00:03:32.33 ID:p1iMfM2ML >>7 返信遅れてすみません。 たぶん最後の、フィルタリングであってると思います。 <select id="prefectures"> <option value="" SELECTED>*都道府県選択</option> <option value="">都</option> <option value="">道</option> <option value="">府</option> <option value="">県</option> </select> と <select id="city"> <option value="" SELECTED>*都市選択</option> <option value=""></option>//大阪府 //東京都 //北海道 //青森県 <option value=""></option>//京都府 //空白 //空白 //岩手県 ・ ・ </select> の空プルダウンメニューを作成して、 都道府県が選択されたとき Javascriptで、 var city1 = new array("東京都"); var city2 = new array("北海道"); var city3 = new array("大阪府","京都府"); var city4 = new array("青森県","岩手県","秋田県"・・・・・・); var city(city1,city2,city3,city4); var toggle = document.getElementById("prefectures").selectedIndex; for(var i=1;i<6;i++){ document.getElementById("city").options[i].text=city[toggle - 1][i]; } 実行するといった流れでございます。 例えば、県の数だけ、<option>要素を作った場合、他の都道府を選んだ時に、1つか2つ後から空欄が出来ます。この空欄を消す事は出来るのでしょうか? http://toro.2ch.sc/test/read.cgi/hp/1431848593/8
9: Name_Not_Found [] 2015/09/09(水) 00:05:32.77 ID:p1iMfM2ML >>8 すいません、ここの記述を間違えてました for(var i=1;i<6;i++)⇒for(var i=1;i<city[toggle].length + 1 ;i++) http://toro.2ch.sc/test/read.cgi/hp/1431848593/9
10: Name_Not_Found [sage] 2015/09/09(水) 03:57:06.65 ID:EqQi211XJ 全都道府県のoptionを用意した上で、option自身にhiddenを与えるとリストから消え選択できなくなる <option hidden> id="prefectures"が選択された時点でid="city"のoptionを巡回してhiddenのフラグを操作すれば動的に変化させられる hiddenはHTML5からの対応らしいからブラウザでの実装状況は詳しくは知らない または、子ノードを全削除してからoptionを全て書き出す方法 //selectの子ノードを全て削除 var sel_node = document.getElementById('city'); while (sel_node.firstChild) { sel_node.removeChild(sel_node.firstChild); } //city配列をoption出力 for(var i = 0 ; i < city[toggle].length ; i++){ var opt_node = document.createElement('option'); opt_node.value = 'city'+toggle+'_'+i; opt_node.innerHTML = city[toggle][i]; sel_node.appendChild(opt_node); } 都・道・府・県で配列を分けてある理由が分からないんだが 今は少ないと思うけど、javascriptが動作しない環境の事も考えると空のoptionを用意するのは無謀な気がする http://toro.2ch.sc/test/read.cgi/hp/1431848593/10
11: Name_Not_Found [] 2015/09/09(水) 10:10:54.52 ID:p1iMfM2ML option hidden 出来るんですね! 大変勉強になりました!ありがとうございました! javascript動作しない環境はONをにしてくださいとアナウンスしたほうがよさそうですね http://toro.2ch.sc/test/read.cgi/hp/1431848593/11
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
スレ情報
赤レス抽出
画像レス抽出
歴の未読スレ
AAサムネイル
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.250s*