<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>可编辑下拉框</title>
<style>
a{color:blue;text-decoration:none}
a:hover{color:red}
</style>
</head>
<body>
<table style="border:2px outset;background-color:#d2e8FF" width="250" height="100" align="center">
<tr>
<td width="100%" align="center" colspan="2"><b>可编辑下拉框</b></td>
</tr>
<tr>
<td width="60%" height="30" align="center">
<select name="fason">
<option value="a">a</option>
<option value="b">b</option>
</select>
</td>
<td width="40%" height="30" align="left">
<input type=button value=" 取值 " onclick="alert(document.getElementsByName('combox_fason')[0].value)">
</td>
</tr>
</table>
<script language="javascript">
function combox(obj,select){
this.obj=obj
this.name=select;
this.select=document.getElementsByName(select)[0];
/*要转换的下拉框*/
}
/*初始化对象*/
combox.prototype.init=function(){
var inputbox="<input name='combox_"+this.name+"' onchange='"+this.obj+".find()' "
inputbox+="style='position:absolute;width:"+(this.select.offsetWidth-16)+";height:"+this.select.offsetHeight+";left:"+getL(this.select)+";top:"+getT(this.select)+"'>"
document.write(inputbox)
with(this.select.style){
left=getL(this.select)
top=getT(this.select)
position="absolute"
clip="rect(0 "+(this.select.offsetWidth)+" "+this.select.offsetHeight+" "+(this.select.offsetWidth-18)+")"
/*切割下拉框*/
}
this.select.onchange=new Function(this.obj+".change()")
this.change()
}
/*初始化结束*/
////////对象事件定义///////
combox.prototype.find=function(){
/*当搜索到输入框的值时,下拉框自动定位*/
var inputbox=document.getElementsByName("combox_"+this.name)[0]
with(this.select){
for(i=0;i<options.length;i++)
if(options[i].text.indexOf(inputbox.value)==0){
selectedIndex=i
this.change();
break;
}
}
}
combox.prototype.change=function(){
/*定义下拉框的onchange事件*/
var inputbox=document.getElementsByName("combox_"+this.name)[0]
inputbox.value=this.select.options[this.select.selectedIndex].text;
with(inputbox){select();focus()};
}
////////对象事件结束///////
/*公用定位函数(获取控件绝对坐标)*/
function getL(e){
var l=e.offsetLeft;
while(e=e.offsetParent)l+=e.offsetLeft;
return l
}
function getT(e){
var t=e.offsetTop;
while(e=e.offsetParent)t+=e.offsetTop;
return t
}
/*结束*/
</script>
<script language="javascript">
var a=new combox("a","fason")
a.init()
/*作用方法:
var obj=new combox(var1,var2)
var1:新生成的combox变量(如:a)
var2:原下拉框的name
obj.init():对象初始化
注意:后台取值时用combox_var2进行取值
*/
</script>
</body>
</html>
分享到:
相关推荐
:memo: 特征支持input (大多数类型,甚至带有datalist输入)、 textarea 、 radio 、 checkbox和select HTML 类型验证用户输入允许自定义所有元素,包括保存和取消按钮支持每种类型的自定义editComponent和自定义...
HTML代码: 1.在处理人列加入一个下拉框模板,其中v-model必须要scope.row.proJbruserValue来绑定,意思是这个值绑定到当前行所选中的人;如果直接绑定proJbruserValue,将不能进行差异化选择,(这里scope
Optional Grid-Add, Grid-Edit, Inline-Add, Inline-Copy, Inline-Delete, Inline-Edit right in the List page Optional confirmation page before insering or updating record Pagers in List/View page Fully ...
Edit.SelectAll; ReplaceSelText(Edit, UpperCase(Edit.text)); end; end; end; { 转换选中的文本小写 } procedure TStringFunction.LowerSelText(Edit: TCustomEdit); var x, y: Integer; begin With Edit ...
如果运行多个Select语句则显 示多个结果集,用来对比查看。 1、常用文本操作的所有功能。复制、粘贴、保存、回退、前进等等。 2、活动窗口设计。任意窗体停靠、关闭、移动、布局随意换。 3、数据导出功能。...
edit: {content:"<%=basePath%>/component/config/edit.html",area: ['860px', '540px'],title:"编辑系统组件配置"}, del: "<%=basePath%>/component/config/delete.html", layer:{add:true,edit:true}, ...
Edit and preview your rendered HTML code in the edit window Custom templates Create templates for frequently used text. You can also assign hotkeys to your templates. Compare files/folders Integrated ...
CuteEditor for ASP.NET中文版是建立在Html基础之上,... Ajax Uploader allows you to select and upload multiple files at once. It also supports client side validation of the file size/type before uploading.
See Bookmarks on the Edit menu. You can create new keyboard shortcuts. To do so, choose Customise... from the View menu, then click the Keyboard tab. Select the Command you want to change in the ...
function edit($a){ $b= site_url($a); $this->halt($b,"修改成功",0); } function del($a){ $b= site_url($a); $this->halt($b,"删除成功",0); } function view($a){ $b= site_url($a); $this->...
-Design SELECT, UPDATE, DELET and INSERT queries. Use data preview ofr analysing of query result. GPS Visualiser -Visualise points, polygons, and lines on map. Use Open Street Map, Goole Maps, Bing ...
Drill, down, edit, delete, select, sort, group, and filter rows using your mouse, keyboard, or touch gestures. Innovative Charting Let your data tell the story, with the broadest range of ...
* IMPORTANT: Please edit file WPINC.INC to * activate WPREPORTER, WPSPELL, wPDF, TBX * and GraphicEx / PNGImage support! * Delphi 2009 and later as inbuilt PNGImage *********************************...
running or debugging:Desktop: Run -> Edit Configurations..., click the plus (+) button and select Application. Set the Nameto Desktop.Set the field Use classpath of module to desktop, then click on ...
document.forms[x].elements[0].select() } function MM_jumpMenu(targ,selObj,restore){ eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0...
$sql = "SELECT * FROM message WHERE id =" . $id; $query = mysql_query($sql); while ($row = mysql_fetch_assoc($query)) { ?> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> $row...
Allows to select records, columns and rectangle areas. Special titles that can correspond to several/all columns. Footer that is able to show sum/count/other field values. Automatic column ...
<td width="40"><a href="bookUpdate.jsp">Edit</a></td> <td width="35"><input type="checkbox" name="checkbox" value="checkbox"></td> <td width="100">SQLSerevr <td width="60">jacob ...
Code Assistant Multi-Select now also available for a table alias in a select list Crash recovery could lead to a filename error when using a multi monitor setup Double-clicking on a packaged function ...
Allows to select records, columns and rectangle areas. Special titles that can correspond to several/all columns. Footer that is able to show sum/count/other field values. Automatic column ...