📄 index.html
字号:
<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>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -