index.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<h5>可编辑的下拉列表</h5>
<table cellspacing=0 cellpadding=0>
<tr>
<td align='right'>
<span>
<input type='text' id='searchTxt' style='width:120pt;'>
</span>
</td>
<td align='left'>
<span style='width:15pt;'>
<select id='phone' name='phone' style='width:135pt;margin-left:-122pt;overflow:hidden;' onchange='searchTxt.value=this.value;'>
<option value='-1'>请选择</option>
<option value='motorola'>摩托罗拉</option>
</select>
</span>
</td>
</tr>
</table>
<iframe id='resultFrame' frameBorder='0' style='width:133pt;height:100pt;overflow:hidden;' scrolling='auto'></iframe>
<script>
var searchTxt = document.all.searchTxt;
searchTxt.onkeyup = function(){
document.all.resultFrame.src = 'content.html';
}
</script>
</BODY>
</HTML>
content.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
table {
font-size:13px;
width:120pt;
}
.trMouseOver {
background-color:#6666FF;
}
.trMouseOut {
background-color:#FFFFFF;
}
</style>
</HEAD>
<BODY>
<table>
<tr onmouseover='trMouseOver(this);' onmouseout='trMouseOut(this);' onclick='trClick(this);'><td>XT200</td></tr>
<tr onmouseover='trMouseOver(this);' onmouseout='trMouseOut(this);' onclick='trClick(this);'><td>XT201</td></tr>
<tr onmouseover='trMouseOver(this);' onmouseout='trMouseOut(this);' onclick='trClick(this);'><td>XT202</td></tr>
<tr onmouseover='trMouseOver(this);' onmouseout='trMouseOut(this);' onclick='trClick(this);'><td>XT203</td></tr>
<tr onmouseover='trMouseOver(this);' onmouseout='trMouseOut(this);' onclick='trClick(this);'><td>XT204</td></tr>
<tr onmouseover='trMouseOver(this);' onmouseout='trMouseOut(this);' onclick='trClick(this);'><td>XT205</td></tr>
<tr onmouseover='trMouseOver(this);' onmouseout='trMouseOut(this);' onclick='trClick(this);'><td>XT206</td></tr>
<tr onmouseover='trMouseOver(this);' onmouseout='trMouseOut(this);' onclick='trClick(this);'><td>XT207</td></tr>
<tr onmouseover='trMouseOver(this);' onmouseout='trMouseOut(this);' onclick='trClick(this);'><td>XT208</td></tr>
<tr onmouseover='trMouseOver(this);' onmouseout='trMouseOut(this);' onclick='trClick(this);'><td>XT209</td></tr>
<tr onmouseover='trMouseOver(this);' onmouseout='trMouseOut(this);' onclick='trClick(this);'><td>XT210</td></tr>
<tr onmouseover='trMouseOver(this);' onmouseout='trMouseOut(this);' onclick='trClick(this);'><td>XT211</td></tr>
</table>
<script>
trMouseOver = function(obj){
obj.className = 'trMouseOver';
}
trMouseOut = function(obj){
obj.className = 'trMouseOut';
}
trClick = function(obj) {
alert(obj.childNodes[0].innerText);
parent.document.all.searchTxt.value = obj.childNodes[0].innerText;
parent.document.all.resultFrame.style.display='none';
}
</script>
</BODY>
</HTML>
分享到：
相关推荐
实例010 带下拉菜单的工具栏 实例011 可调整按钮位置的工具栏 实例012 浮动工具栏 实例013 根据表中数据动态生成工具栏 实例014 具有提示功能的工具栏 1.4 状态栏应用实例 实例015 带进度条的状态栏 实例016...
cc实例046 不规则按钮 2.2 EditBox 控件典型实例 cc实例047 为EditBox设置新的系统菜单 cc实例048 为EditBox控件添加列表选择框 cc实例049 多彩边框的编辑框 cc实例050 改变编辑框文本颜色 2.3 ListBox...
cc实例010 带下拉菜单的工具栏 cc实例011 可调整按钮位置的工具栏 cc实例012 浮动工具栏 cc实例013 根据表中数据动态生成工具栏 cc实例014 具有提示功能的工具栏 1.4 状态栏应用实例 ...
cc实例010 带下拉菜单的工具栏 cc实例011 可调整按钮位置的工具栏 cc实例012 浮动工具栏 cc实例013 根据表中数据动态生成工具栏 cc实例014 具有提示功能的工具栏 1.4 状态栏应用实例 ...
7.2.4 使用“有效性”下拉列表创建动态图表 199 7.2.5 在图表中使用动态区域 201 7.2.6 创建滚动图表 204 7.2.7 修改滚动条示例显示最近12个月 206 7.3 创建高级图表 206 7.3.1 温度计图表 206 7.3.2 ...
7.2.4 使用“有效性”下拉列表创建动态图表 199 7.2.5 在图表中使用动态区域 201 7.2.6 创建滚动图表 204 7.2.7 修改滚动条示例显示最近12个月 206 7.3 创建高级图表 206 7.3.1 温度计图表 206 7.3.2 ...
7.2.4 使用“有效性”下拉列表创建动态图表 199 7.2.5 在图表中使用动态区域 201 7.2.6 创建滚动图表 204 7.2.7 修改滚动条示例显示最近12个月 206 7.3 创建高级图表 206 7.3.1 温度计图表 206 7.3.2 ...
7.2.4 使用“有效性”下拉列表创建动态图表 199 7.2.5 在图表中使用动态区域 201 7.2.6 创建滚动图表 204 7.2.7 修改滚动条示例显示最近12个月 206 7.3 创建高级图表 206 7.3.1 温度计图表 206 7.3.2 ...
7.2.4 使用“有效性”下拉列表创建动态图表 199 7.2.5 在图表中使用动态区域 201 7.2.6 创建滚动图表 204 7.2.7 修改滚动条示例显示最近12个月 206 7.3 创建高级图表 206 7.3.1 温度计图表 206 7.3.2 ...
7.2.4 使用“有效性”下拉列表创建动态图表 199 7.2.5 在图表中使用动态区域 201 7.2.6 创建滚动图表 204 7.2.7 修改滚动条示例显示最近12个月 206 7.3 创建高级图表 206 7.3.1 温度计图表 206 7.3.2 ...
实例010 带下拉菜单的工具栏 实例011 可调整按钮位置的工具栏 实例012 浮动工具栏 实例013 根据表中数据动态生成工具栏 实例014 具有提示功能的工具栏 1.4 状态栏应用实例 实例015 带进度条的状态栏 实例016...
实例080 在TStringGrid中实现单元格下拉列表 98 实例081 在TStringGrid组件中绘图 99 实例082 TStringGrid组件上回车移动焦点 100 实例083 在TStringGrid组件中设置只读栏 102 实例084 TStringGrid组件...