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-->