按回车键输入新内容，按DEL删除选中内容
<body bgcolor="#fef4d9" onload="s1.focus();">
<script language="JavaScript">
<!--
function catch_keydown(sel)
{
switch(event.keyCode)
{
case 13:
//Enter;
sel.options[sel.length] = new Option("","",false,true);
event.returnValue = false;
break;
case 27:
//Esc;
alert("text:" + sel.options[sel.selectedIndex].text + ", value:" + sel.options[sel.selectedIndex].value + ";");
event.returnValue = false;
break;
case 46:
//Delete;
if(confirm("删除当前选项!?"))
{
sel.options[sel.selectedIndex] = null;
if(sel.length>0)
{
sel.options[0].selected = true;
}
}
event.returnValue = false;
break;
case 8:
//Back Space;
var s = sel.options[sel.selectedIndex].text;
sel.options[sel.selectedIndex].text = s.substr(0,s.length-1);
event.returnValue = false;
break;
}
}
function catch_press(sel)
{
sel.options[sel.selectedIndex].text = sel.options[sel.selectedIndex].text + String.fromCharCode(event.keyCode);
event.returnValue = false;
}
//-->
</script>
<select name=s1 onkeydown="catch_keydown(this);" onkeypress="catch_press(this);" style="font-size:12px;"><option>---</option></select>
详细出处参考：http://www.jb51.net/article/411.htm
分享到：
相关推荐
使用这个下拉菜单选择年份的jQuery日期控件，开发者可以轻松集成到自己的项目中，提高用户在填写日期时的效率和满意度。在实际应用中，只需引用相关的CSS和JS文件，并按照插件文档的指引配置选项，即可快速实现这个...
最后，`$('#city-select').on('change'...`监听下拉菜单的选择变化，更新文本框的值并隐藏下拉菜单。 此外，为了提供更好的用户体验，还可以考虑增加搜索功能，允许用户在下拉菜单中输入关键字快速定位城市。这需要...
在网页设计和开发中，表单输入框下拉菜单是一种常见的交互元素，它极大地提高了用户在填写信息时的效率和准确性。本攻略将全面解析这种交互设计的核心概念、实现方式及最佳实践，帮助开发者和设计师更好地理解和应用...
这个组件通常由三个下拉菜单组成，分别代表省份、城市和区县，用户在选择上一级时，下一级的选项会根据上一级的选择动态更新。这种功能在注册、地址填写等场景中十分常见。本示例是用HTML和JavaScript实现的，无需...
总之，通过MFC，我们可以轻松地在对话框上创建带下拉菜单的工具栏，提供更丰富的用户交互。通过合理的设计和编程，可以创建出具有专业外观和功能的Windows应用程序。在实际开发中，可以根据需求调整菜单项和图片，以...
通过研究这些代码，有助于深化对响应式下拉菜单及其附加功能的理解，提升自己的前端开发技能。 总的来说，"多功能下拉菜单.zip"提供了一个融合了现代网页设计技术的实例，不仅展示了响应式导航菜单的实现，还创新地...
2. 实现方式：可以通过JavaScript或AJAX动态加载下级选项，根据用户在上一级的选择实时更新下拉菜单，提供即时反馈。 3. 用户体验：良好的二级联查设计应确保流畅的交互，减少用户操作步骤。比如，当用户在第一级...
为了创建一个日期选择器，我们可能还需要监听用户的选中事件，以便在用户做出选择时更新其他下拉菜单或执行其他业务逻辑。 对于日期的显示格式，可以使用`toLocaleDateString()`方法，它可以按照指定的格式来展示...
6. **禁用未激活的下拉**：为了防止用户在级联完成前做出无效选择，可以将未激活的下拉菜单设为禁用状态。当某个选择发生时，才启用相应的下拉菜单。 通过以上步骤，你可以成功实现一个基于select2的全国省市区三级...
本主题聚焦于"jQuery点击文本框下拉菜单城市选择代码"，这是一个常见的用户界面功能，用于提高网页表单填写的便捷性。用户在输入城市信息时，可以通过点击文本框触发一个下拉菜单，展示可选的城市列表，从而快速选择...
这种功能使得用户可以方便地从预设的省、市、区/县选项中选择，而这些选项通常是动态联动的，即用户在选择一个省后，市的下拉菜单会更新为该省的市，同理，选择市后，区/县的下拉菜单也会相应更新。这种交互设计提高...
通过合理设计和编码，我们可以构建出既美观又实用的下拉菜单，满足不同场景下的需求。在未来的发展中，随着前端技术的进步和用户需求的多样化，下拉菜单生成器的功能和表现形式还将不断演进，成为更加智能、个性化的...
在Excel中制作下拉菜单是数据有效性应用的一种常见场景，适用于限制用户在输入时只能从预设的选项中选择，避免了手动输入错误。下面我们将详细探讨如何通过三种方法在Excel中创建下拉菜单。 ### 一、直接自定义序列...
下拉菜单是网页和应用程序设计中的重要元素，它允许用户在有限的空间内浏览并选择多个选项。这种交互设计模式在用户界面（UI）中广泛使用，因为它能够有效地节省屏幕空间，提高用户体验。以下是对下拉菜单及其应用的...
通过使用联动的下拉菜单，用户可以选择年、月和日，使得日期选择过程更加直观和方便。 年、月、日联动显示意味着当用户在一个下拉框中选择一个值（如年份）时，其他两个下拉框（月份和日期）会自动更新其可选范围。...
下拉菜单是网页交互中的常见组件，常用于选项选择或导航。实现JS下拉菜单涉及以下技术： 1. **HTML结构**：创建下拉菜单的基本HTML结构，如`<select>`和`<option>`元素。 2. **CSS样式**：通过CSS定义下拉菜单的...
在IT行业中，构建一个高效的用户界面常常涉及到多级选择器的使用，比如省市区县的三级下拉菜单联动。这种功能通常应用于地址填写或者定位服务，让用户能够方便地选择他们的地理位置。在这个特定的案例中，我们关注的...
当用户在文本框中输入时，通过jQuery的`keyup`事件监听输入变化，使用`val()`获取输入值，然后匹配下拉菜单中的选项，如果找到匹配项，则显示下拉菜单，让用户可以选择： ```javascript $(document).ready(function...
而"可以输入内容的下拉菜单"则允许用户在下拉框内直接输入自己的选择，如果输入的内容与预设选项匹配，系统会自动高亮显示匹配项；若无匹配项，用户可以继续输入直至完成自定义内容。这种设计显著提高了输入效率，...