//根据导师查询学生下拉框信息(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，也可以选择后进行编辑，也可以直接输入数值。
这就是"select下拉框添加搜索功能"这个知识点的核心所在。 在`select`下拉框中实现搜索功能，一般有两种常见方法：一种是原生HTML和JavaScript的实现，另一种是借助第三方库，如本例中的`jquery.editable-select`。...
在网页开发中，"可文本输入的下拉框select"是一种常见的交互元素，它结合了传统的HTML `<select>` 下拉菜单和自由文本输入的功能。这种设计可以为用户提供更灵活的选择方式，既可以快速从预设选项中选取，也可以手动...
### 可编辑Select下拉框实现方法 #### 一、引言 在现代Web开发中，用户界面（UI）的设计对于提升用户体验至关重要。一个常见的需求是实现一个可编辑的`<select>`下拉框，即允许用户不仅能从下拉列表中选择选项，还...
"可输入的下拉框"是一种常见的交互元素，它结合了传统下拉菜单与搜索输入框的功能，使得用户在选择选项时可以更加高效和精确。这种设计常见于网页和应用程序中，用于提供多样化的选择并允许用户通过输入关键词快速...
带搜索功能的select下拉框，类似百度google的搜索框，自己匹配，很好用
在这种情况下，“asp.net可输入可选择下拉框”应运而生，它结合了文本框和下拉框的优点，提供了更灵活的交互体验。 首先，我们需要理解这个自定义用户控件的工作原理。通常，它是通过JavaScript或者jQuery在客户端...
在JavaScript和jQuery的世界里，"js 可输入下拉框（jquery）"是一个常见的交互设计需求，它结合了传统下拉框的简洁性与输入框的搜索功能，为用户提供更友好的交互体验。这种组件通常被称为“Autocomplete”或...
在网页设计中，"select下拉框可编辑输入框"是一种常见的交互元素，它结合了传统的HTML `<select>` 元素和输入框的功能，让用户在下拉选项中选择的同时，也能自由输入其他值。这样的设计增加了用户体验的灵活性，特别...
在某些场景下，我们需要动态地填充select下拉框的选项值，以实现更灵活的数据输入。本篇文章将详细探讨如何在jQGrid中实现这一功能。 首先，理解`select`下拉框的基本概念。在HTML中，`<select>`元素用于创建一个...
在“bootstrap select 下拉框通过拼音搜索汉字”这个实例中，我们关注的重点是如何利用该插件实现通过输入拼音来搜索并筛选汉字的功能，这对于中文环境下的用户体验提升有着显著的作用。 首先，我们要了解Bootstrap...
首先，理解`select`下拉框在HTML中的基本结构，它由`<select>`标签定义，内部包含一系列`<option>`标签，每个`<option>`代表一个可选的值和显示文本： ```html <select> <option value="value1">Text1 ...
可输入的下拉框通常由HTML的`<select>`元素和`<option>`元素组合而成，但为了实现输入功能，前端开发者会使用JavaScript或者一些现成的库（如Select2、Chosen等）来扩展其功能。当用户在输入框中键入字符时，下拉框...
### JavaScript 操作 Select 下拉框的关键知识点 在 Web 开发中，`<select>` 元素用于创建下拉列表（或选择框）。这些选择框在用户界面中非常常见，可以用来收集用户输入的信息，比如让用户从一系列选项中选择一个...
标题中的“可输入的下拉框（autoComplete）”指的是自动完成或自动填充功能，它在用户界面设计中被广泛使用，特别是在Web表单和移动应用中。这种功能结合了文本输入框和下拉列表，当用户在输入框中键入文字时，系统...
标题中的“可以输入的下拉框(可用于项目的)”是指一种交互式UI组件，它结合了传统下拉框和文本输入框的功能，用户既可以从中选择已有的选项，也可以自行输入新的内容。这种设计在许多Web应用和软件项目中非常常见，...
`jQuery Editable Select`就是这样一个插件，它允许用户在下拉框中直接编辑输入，同时根据输入的内容实时过滤选项，提高了用户在大量数据中的查找效率。 `jQuery Editable Select`插件的工作原理是将标准的`<select...
针对这一情况，"可手写输入的下拉框"提供了一种创新解决方案，允许用户通过手写方式进行输入，增强了交互性和可用性。 这个可手写输入的下拉框设计简洁，代码量小，易于集成到项目中。开发者可以快速实现这一功能，...
传统的HTML `<select>` 标签仅允许用户从预定义的选项中选择，但可输入下拉框允许用户在输入时获取匹配建议，从而提供更灵活、高效的搜索体验。下面我们将深入探讨这种技术的工作原理、实现方式以及其相关的源代码。...