可编辑的下拉列表

最新推荐文章于 2024-07-29 11:53:27 发布

piperzero

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量1.3k

点赞数

分类专栏：网站建设文章标签： javascript border function class input table

本文链接：https://blog.csdn.net/freejs/article/details/3320691

版权

网站建设专栏收录该内容

740 篇文章 1 订阅

订阅专栏

<HTML>
<HEAD>
<style>
.ptext{
position:absolute;
height:22px !important;
height:22px;
BACKGROUND:#FFF;
BORDER:1px solid #7F9DB9;
width: 150px;
}
.pselect{
position:absolute;
height:20px;
}
</style>
<SCRIPT LANGUAGE="javascript">
function Body_Init(oSelectid,oTextid)
{
oSelect = document.getElementById(oSelectid);
oText = document.getElementById(oTextid);
var iLeft= oSelect.offsetLeft;
var iTop = oSelect.offsetTop;
var iWidth=oSelect.offsetWidth;
var iHeight=oSelect.offsetHeight;

oSelect.style.clip='rect(0,'+iWidth+','+(iHeight)+','+(iWidth-18)+')';

oText.style.top =iTop;
oText.style.left=iLeft;
oText.style.width=iWidth-17;
}
function Combo_Select(oSelectid,oTextid)
{
oSelect = document.getElementById(oSelectid);
oText = document.getElementById(oTextid);
oText.value = oSelect.options[oSelect.selectedIndex].text ;
oText.focus();
//alert(oText.value);
}
</SCRIPT>
</HEAD>
<BODY>
<table width=50% align="center" valign="middle" border=1>
<tr><td><input type="text" name="dd" value="" size="40" /></td></tr>
<tr>
<td height=30 valign=top>
<INPUT class="ptext" TYPE="TEXT" NAME="pText" id="pText">
<SELECT size="1" class="pselect" ONCHANGE="Combo_Select(this.id,'pText')" NAME="pCombo" id="pCombo">
<option value=""></option>
<option value="d">test1t1t1t1t1t1</option>
<option value="dd">test2fd</option>
</SELECT>
</td>
</tr>
<tr><td><input type="text" name="dd" value="" size="40" /></td></tr>
</table>

<script language="javascript" type="text/javascript">

</script>
</BODY>
</HTML>

piperzero

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
可编辑的下拉列表

.ptext{ position:absolute; height:22px !important; height:22px; BACKGROUND:#FFF; BORDER:1px solid #7F9DB9; width: 150px; } .pselect{ position:absolute; height:20px; } function Body_Init(oSelectid
复制链接

扫一扫

专栏目录