<select id="changeSelect" onchange="entryChange2(),changeItem(this),imgChange(this);"> <option value="">2013年以前</option> <option value="select2013">2013年</option> <option value="select2012">2012年</option> <option value="select2011">2011年</option> </select>
初期表示のみ「2013年以前」を表示しておいて、プルダウンを押して選択するときに「2013」・「2012」・「2011」のみ選択可能にしたいです。
PCのみでは稼動ができるようにしたのですが・・・iPhoneでは上手く稼動せず断念しました。
iPhoneでも、初期表示値と選択値を変えることは可能でしょうか?
宜しくお願いいたします。
*追記*
entryChange2()では、2013年を選択したときに、他の年のデータを表示にしています。
function entryChange2(){ //プルダウンを選択されたときに、Class「on」を削除 $('.on').removeClass(); //プルダウン押下時:変更処理 if(document.getElementById('changeSelect')){ id = document.getElementById('changeSelect').value; if(id == 'select2013'){ //2013年表示 document.getElementById('Box2017').style.display = "none"; document.getElementById('Box2016').style.display = "none"; document.getElementById('Box2015').style.display = "none"; document.getElementById('Box2014').style.display = "none"; document.getElementById('Box2013').style.display = ""; document.getElementById('Box2012').style.display = "none"; document.getElementById('Box2011').style.display = "none"; }else if(id == 'select2012'){ //2012年表示 document.getElementById('Box2017').style.display = "none"; document.getElementById('Box2016').style.display = "none"; document.getElementById('Box2015').style.display = "none"; document.getElementById('Box2014').style.display = "none"; document.getElementById('Box2013').style.display = "none"; document.getElementById('Box2012').style.display = ""; document.getElementById('Box2011').style.display = "none"; }else if(id == 'select2011'){ //2011年表示 document.getElementById('Box2017').style.display = "none"; document.getElementById('Box2016').style.display = "none"; document.getElementById('Box2015').style.display = "none"; document.getElementById('Box2014').style.display = "none"; document.getElementById('Box2013').style.display = "none"; document.getElementById('Box2012').style.display = "none"; document.getElementById('Box2011').style.display = ""; } } }
changeItem(this)では、選択後にプルダウンの中フォントや枠組みのcssを変更しています。
function
1 2 if( obj.value == ""){ 3 obj.style.border = '1px solid #003a62'; 4 obj.style.fontWeight = "bold"; 5 obj.style.fontSize = "107.14%"; 6 }else{ 7 obj.style.border = '1px solid #003a62'; 8 obj.style.fontWeight = "bold"; 9 obj.style.fontSize = "107.14%"; 10 } 11}
imgChange(this);では、選択後画像プルダウンに付随している画像の切替をしています。
function imgChange(parts){ fname=parts.options[parts.selectedIndex].value; if(fname==0){document.imgsmp.src=img0.src;} //横矢印 if(fname =="select2013"){document.imgsmp.src=img1.src;} //下矢印 if(fname =="select2012"){document.imgsmp.src=img1.src;} //下矢印 if(fname =="select2011"){document.imgsmp.src=img1.src;} //下矢印 }
回答3件
あなたの回答
tips
プレビュー