//根据导师查询学生下拉框信息(combogrid)
function loadNetTeacher(){
$('#cg').combogrid({
panelWidth: 480,
panelHeight:310,
idField:'id',
textField:'user',
url:'netTeacher.do?action=listAllNT',
fitColumns: true,
striped: true,
editable: true,
pagination: true, //是否分页
rownumbers: true, //序号
collapsible: false, //是否可折叠的
fit: true,
method: 'post',
columns : [[{
field : 'id',
title : '导师编号',
width : 150,
align : 'center',
rowspan : 2,
formatter : function(value, rec) {
return value;
}
},{
field : 'user',
title : '导师用户名',
width : 296,
align : 'center',
rowspan : 2,
showRefresh: false,
formatter : function(value, rec) {
return rec.user.username;
}
}
] ]
});
//取得分页组件对象
var pager = $('#cg').combogrid('grid').datagrid('getPager');
if (pager) {
$(pager).pagination({
total:100,
pageList: [5,10],
showRefresh: false,
beforePageText : '第',
afterPageText : '共{pages}页',
displayMsg: ' 共100 条',
onSelectPage : function(pageNumber, pageSize) {
}
});
}
}
<html> <head> <title>可输入的select下拉框</title> </head> <script> </script> <body > <select style='width:150px;z-index:-1' id="aa" name="selectHelpCode" onkeydown="if(event.keyCode == 8){this.options[0].text = '';}" onkeypress="writeSelect(this)"> <option value="0"></option> <option value="11">11</option> <option value="22">22</option> <option value="33">33</option> </select> <input type="button" value="点我" onclick="ttt();"/> <script> function writeSelect(obj){ obj.options[0].selected = "select"; obj.options[0].text = obj.options[0].text + String.fromCharCode(event.keyCode); event.returnValue=false; return obj.options[0].text; } function ttt(){ var ss = document.getElementById("aa").value; var jg = ""; if(ss == ""){ var aas = writeSelect(document.getElementById("aa")); jg = aas; }else{ jg = document.getElementById("aa").value; } alert(jg); } </script> </body> </html>
分享到：
相关推荐
下拉框选择已有固定value，也可以选择后进行编辑，也可以直接输入数值。
jQuery Editable Select 是一个jQuery插件，它将选择转换成输入字段，其中根据输入的字符实时显示单个元素。当JavaScript不可用时，它就变成了一个真正的选择列表。
可输入下拉框(select)源代码 可输入下拉框(select)源代码 select下拉框中可输入内容
带搜索功能的select下拉框，类似百度google的搜索框，自己匹配，很好用
本文实例为大家分享了可输入可选择的select下拉框，供大家参考，具体内容如下 1、原理： 1.1将input输入框和select框合并在一起，但是显示出向下点击的按钮: 这种比较容易做到 1.2出现输入值能够自动匹配的功能 ...
在开发过程中，我们经常会遇到有些页面要求某个文本域可以文本输入，又要求兼带支持select下拉选择
可以输入的下拉框(可用于项目的)
既可以输入，又可以下拉的输入框，类似GoogleSuggest功能
该例采用单元测试，实现fremarker通用下拉框，满足所有web下拉框需求
可编辑的下拉框 既可以编辑，又可以下拉选择 很不错的
自动匹配，可输入可选择的下拉框 可手写，可选择 方便实用。
select下拉框支持搜索功能，既可以下拉选择！也可以进行输入筛选！
一个很简单的可手写输入的下拉框，可以选择和手写输入。
主要为大家详细介绍了JS Select下拉框的相关资料，支持输入模糊查询，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例讲述了js实现Select下拉框具有输入功能的方法。分享给大家供大家参考。具体实现方法如下： 实现方法一 代码如下:<HTML> <HEAD> <META http-equiv=’Content-Type’ content=’text/html; ...
js实现的可下拉可输入input框 会自动检测输入的值在select中寻找对应选项
主要为大家详细介绍了Bootstrap框架下下拉框select搜索功能，感兴趣的小伙伴们可以参考一下
通过html元素层覆盖，实现一个可以输入，可以选择的一个select框，实际使用取值可以从text框中取值，如需从select框取值，请修改select的selectIndex以达到要求。