TOP /その他のJavaScript | コンボボックス(IE5.0 NN6) |
---|
<!--コンボボックス--> <style type=text/css><!-- .mouse_on{width:100%;background-color:#000080;color:#ffffff;display:block} .mouse_out{width:100%;display:block} --></style> <script type="text/javascript"><!-- function sel(h){ if(document.getElementById("combo_op").style.visibility=="visible" || h=="hidden") document.getElementById("combo_op").style.visibility="hidden"; else document.getElementById("combo_op").style.visibility="visible"; } function put(t){ document.getElementById("combo_txt").value=t; document.getElementById("combo_op").style.visibility="hidden"; execute(t); } function execute(t){ //文字確定後の動作 if(t)alert(t); } // --></script> <span style="width:132;z-index:2;"> <input id="combo_txt"name=""type="text"onchange="execute(this.value)"onfocus="sel('hidden')"> <button style="height:18;position:relative;left:-2;top:-2;font-size:6pt"onclick="sel()">▼</button><br> <div id="combo_op"colspan=2 style="position:absolute;border: 1px solid gray;width:131;font-size:10pt;visibility:hidden;background-color: #ffffff;"> <span CLASS="mouse_out" onmouseover="this.className='mouse_on'" onmouseout="this.className='mouse_out'"onclick="put(this.innerHTML)">学生</span> <span CLASS="mouse_out" onmouseover="this.className='mouse_on'" onmouseout="this.className='mouse_out'"onclick="put(this.innerHTML)">サラリーマン</span> <span CLASS="mouse_out" onmouseover="this.className='mouse_on'" onmouseout="this.className='mouse_out'"onclick="put(this.innerHTML)">主婦</span> </div></span> <!--コンボボックス himajin.moo.jp-->