[查看演示] 源码如下
----------------------------------------------------------
有点Bug，就是要输入后，点击input外面才可以
<style>body,td,div,a,input,select{font:menu}</style>
<style>
<!--
.cls1 { position:absolute; left:250px; top:89px; width:216px; height:72px; z-index:1; }
.cls2 { position:absolute; left:250px; top:89px; width:95px; height:18px; z-index:2 }
input { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}
//-->
</style>
<script>
<!--
function addOption(pos){
var objSelect=document.myform.myselect;
//取得字段值
var strName=document.myform.test.value;
var strValue=document.myform.test.value;
//建立Option对象
var objOption= new Option(strName,strValue);
if (pos==-1 & pos>objSelect.options.length)
objSelect.options[objSelect.options.length] =objOption;
else
objSelect.add(objOption,pos);
}
//-->
</script>
<form name="myform">
<div class="cls1" style="clip: rect(3 280 21 110)">
<select name="myselect" style="width:127">
</select>
</div>
<div class="cls2">
<input type="text" name="test" onBlur="addOption(-1)">
</div>
</form>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div> |
