<html>
<head>
<title>ajax下拉框</title>
<link rel="stylesheet" type="text/css" href="skin/style.css" />
<script language="javascript" src="selectData.js"></script>
<script language="javascript">
function ShowSelectTable(classID,returnID)
{
SetHead("分类编号","用户名","密码"); //设置表头,大小无限
SetFileds("F_ClassID","F_UserName","F_PassWord"); //设置数据库字段,大小无限,数量要和表头数一样
SetUrlObjID("getXml.aspx",returnID); //设置请求的URL和显示返回值文本框控件ID
SetPageSize($("selecePageSize").value) //[可选]设置分页大小,默认10页
SetShowFiledName($("ShowFiledName").checked) //[可选]取值时,是否显示列名,默认是显示
show(classID) //显示选择框,把下拉框id参数(用于取当前值)
//show(“abc”)一定要放在最后,否则运行错误
}
</script>
<style>
body
{
font-size:13px;
}
table
{
font-size:13px;
}
div#aaaaa
{
border:1px #000000 solid;
}
</style>
</head>
<body>
<div id="aaaaa">
<table>
<tr>
<td>显示设置:</td>
<td>分页大小<input id="selecePageSize" type="text" value="10" size=3></td>
<td>显示列名<INPUT id="ShowFiledName" TYPE="checkbox" checked></td>
</tr>
</table>
</div><br>
分类1:
<select id="class1" onchange="ChangeID()" NAME="productID">
<option value="1" selected>1111</option>
<option value="2" >2222</option>
</select>
分类2:
<select id="class2" onchange="ChangeID()" NAME="productID">
<option value="3" selected>3333</option>
<option value="4" >4444</option>
</select>
分类3:
<select id="class3" onchange="ChangeID()" NAME="productID">
<option value="5" selected>5555</option>
<option value="6" >6666</option>
</select>
<table>
<tr><td><input id="t1" type="text" size=40 value="分类1"><a href='#' onclick="ShowSelectTable('class1','t1')">选择</a></td></tr>
</table>
<br><br><br>
<input id="t2" type="text" size=40 value="分类2"><a href='#' onclick="ShowSelectTable('class2','t2')">选择</a>
<input id="t3" type="text" size=40 value="分类3"><a href='#' onclick="ShowSelectTable('class3','t3')">选择</a>
<div id="message">
<pre>
调用代码只如下:
function ShowSelectTable(classID,returnID)
{
SetHead("编号","用户名","密码"); //设置表头,大小无限
SetFileds("F_id","F_userName","F_passWord"); //设置数据库字段,大小无限,数量要和表头数一样
SetUrlObjID("getXml1.aspx",returnID); //设置请求的URL和显示返回值文本框控件ID
SetPageSize(15) //[可选]设置分页大小,默认10页
SetShowFiledName(false) //[可选]取值时,是否显示列名,默认是显示
show(classID) //显示选择框,把下拉框id参数(用于取当前值)
}
更新日志:2006-09-09
添加跳转页
已优化成每次只取一页数据,速度更快
添加显示框自动定位
添加设置分页大小
添加可自定义皮肤路径
修复字段为空值时错误
重写部分代码
</pre>
</div>
<div id="myurl"></div>
</body>
</html>
ajaxselect.rar （29个子文件） 
ajaxselect 
selectData.js 9KB bin WebTest.pdb 24KB WebTest.dll 24KB add.aspx 1KB WebTest.suo 8KB getXml.aspx 649B Web.config 4KB db.mdb 10.52MB skin defualt 
btnLast.gif 311B btnCancel.gif 845B btnNext.gif 306B btnGotoPage.gif 476B btnPrevious.gif 307B btnSearch.gif 589B btnFirst.gif 310B style.css 2KB
index.html 3KB add.aspx.cs 2KB getXml.aspx.resx 5KB AssemblyInfo.cs 2KB WebTest.sln 924B Global.asax.resx 2KB _vti_script Global.asax.cs 1KB getXml.aspx.cs 4KB Global.asax 74B _vti_txt WebTest.csproj 7KB db.ldb 64B WebTest.csproj.webinfo 115B add.aspx.resx 5KB
评论0