ɥozɐʞıɥ

2011-05-06 IE限定でキー入力もできるComboBox [長年日記]

_ [JavaScript] IE限定のキー入力もできるコンボボックス

ListBoxだとキーによる任意文字列を入力することができないってことでWindowsFormのComboBoxに近い部品を作ってみました。Popup使っているのでIE限定です。


<html>
 <body>
   <title>
     title
   </title>
 </body>
 <body>
   <h2>コンボボックスのテスト</h2>
   <form>
     <input type="text" name="name01" id="id01" value="" style="position:absolute;top:50px;left:50px;width:150px;height:20px;"/>
     <input type="button" name="name02" id="id02" value="▼" style="position:absolute;top:50px;left:200px;height:20px;"/>
   </form>
   <script language="javascript" type="text/javascript">
     <!--
	popObject = window.createPopup();
	popObjectBody = popObject.document.body;
	popObjectBody.style.border = "solid black 0px";
	popObjectBody.innerHTML="<select name='name03' id='id03' size='3'><option value=''>選択してください</option><option value='メロン'>メロン</option><option value='バナナ'>バナナ</option></select>";
	popObject.document.getElementById('id03').onclick =function(){document.getElementById('id01').value = popObject.document.getElementById('id03').value;popObject.hide();};
	document.getElementById('id02').onclick = function (){
       o = document.getElementById('id01');
	popObject.show(o.offsetTop,o.offsetLeft + o.clientHeight + 10,o.clientWidth,o.clientHeight * 4,document.body);
	}
	-->
   </script>
 </body>
</html>