<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" />
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<script>
Ext.onReady(function(){
Ext.QuickTips.init();
var data =
[
['1','Lislie','D005','male'],
['2','Merry','D004','female'],
['3','Edison','D003','male'],
['4','Mark','D002','male'],
['5','Leeon','D001','male']
];
// 格式化数据,数据也可采用json数据
var ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data), // 数据源
reader: new Ext.data.ArrayReader({}, [ // 如何解析
{name: 'id'},
{name: 'name'},
{name: 'depno'},
{name: 'sex'}
])
});
ds.load();
var storeList = new Ext.form.ComboBox({
store: ds,
valueField:'id', // option的值
typeAhead: true,
editable:true,//默认为true,false为禁止手写和联想功能
displayField: 'name',//option的显示文本
triggerAction: 'all',
emptyText:'请选择',
mode: 'local',
selectOnFocus:true,
renderTo:'show',
width:135
});
//取得option值函数
function getVal(){
var val = storeList.getValue();//取得option值
alert(val);
}
storeList.on('select', getVal);//当选择时触发该函数
});
</script>
<div id="show"></div>
</body>
</html>
分享到:
相关推荐
一个很简单的可手写输入的下拉框,可以选择和手写输入。
该联想功能下拉框就是具有像百度和google搜索框一样的联想功能。
可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用...
可输入下拉框可输入下拉框可输入下拉框可输入下拉框可输入下拉框可输入下拉框 可输入下拉框可输入下拉框可输入下拉框可输入下拉框可输入下拉框可输入下拉框
支持手动输入的下拉框
C#文本框输入提示功能 下拉框 用代码可供查看
【ASP.NET编程知识】ASP .NET 可编辑输入自动匹配的下拉框.docx
js 可输入 下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框下拉框
WPF中自定义控件,支持手工输入检索下拉框,下拉框是双列的
ASP .NET Webform 利用Telerik第三方Dropdownlist控制实现可编辑,输入自动匹配的下拉框(支持中文输入匹配),代码简单,适合下拉列表选项多时使用该控件,快速检索选项
下拉框选择已有固定value,也可以选择后进行编辑,也可以直接输入数值。
jquery下拉框集成搜索功能jquery下拉框集成搜索功能jquery下拉框集成搜索功能jquery下拉框集成搜索功能jquery下拉框集成搜索功能jquery下拉框集成搜索功能
Amazon 关键词下拉框联想采集 可批量添加关键词,然后进行下拉框联想采集。 如果你是亚马逊卖家,就必须使用关键词联想采集,可以帮助商品的关键词做排名,有利于优化。
自做多选下拉框和可联想文本框 此资源用到COMPONENTONE组件. 请下载并安装
强大的jquery下拉框插件 ...使用键盘快速操作基本功能及分页功能 多项选择以标签(Tag)形式展现 结果列表自动判断屏幕边缘,避免内容超出可视范围 丰富的参数设置及功能API调用 浏览器兼容:IE8+、Chrome、Firefox等
类似百度搜索框,可以输入的下拉框,输入信息后能自动匹配数据库里的数据,如果数据库里有马上都能显示出啦,用下拉选择马上可以选择。带数据库功能。本代码通过网友的代码改编整合。
带搜索的下拉框,并且支持多选 带搜索的下拉框,并且支持多选 带搜索的下拉框,并且支持多选 带搜索的下拉框,并且支持多选 带搜索的下拉框,并且支持多选 带搜索的下拉框,并且支持多选
既能输入也能下拉框.html
简单javavscript实现的可输入下拉框(仿VC的comobox),用于html网页开发。 不懂代码的,可直接在页面中插入该源码实现,方便易用。
绝对物超所值,菜鸟必备,有少量注释,不用继续找,我更懂你