繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 可输入的select
- Javascript
- JavaScript 解析Json字符串的性能比较分析代码
- js 日期字符串截取分割成单个具体的日期(2009-12-30 13:28:29)
- javascript 倒计时代码
- javascript 语法基础 想学习js的朋友可以看看
- javascript获取元素文本内容的通用函数
- javascript 动态设置已知select的option的value值的代码
- jquery 简单的图片展示效果
- js textarea自动增高并隐藏滚动条
- Javascript 中介者模式实例
- textbox 在光标位置插入字符功能的js实现(兼容ie,firefox)
- jQuery Attributes(属性)的使用(二、类篇)
- Javascript document.referrer判断访客来源网址
- [原创]javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox]
- javascript获得光标所在的文本框(text/textarea)中的位置
- event.srcElement 用法笔记e.target
- javascript 导出数据到Excel(处理table中的元素)
- javascript DOM操作之动态删除TABLE多行
- Javascript在IE或Firefox下获取鼠标位置的代码
- Javascript 多浏览器兼容性问题及解决方案
- 让div层随鼠标移动的实现代码 ie ff
Javascript 中的 可输入的select
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-08-10 浏览: 303 ::
收藏到网摘: n/a
做了一点小修改，希望对大家有用！！
<html>
<head>
<style>
<!--
.cls1 { position:absolute; left:250px; top:89px; width:216px; height:72px; z-index:1; }
.cls2 { position:absolute; left:250px; top:89px; width:95px; height:18px; z-index:2 }
input { font-size: 12px; padding-top: 2px; padding-left: 2px;width:127;}
//-->
</style>
</head>
<script>
<!--
function addOption(pos){
if(event.keyCode==13)
{
var select_obj = document.getElementById("myselect");
var text_value = document.getElementById("test").value;
if (select_obj.length)
{
for (var i=0;i<select_obj.length;i++)
{
// 如果已经存在，不添加，直接退出
if (select_obj.options[i].text==text_value)
alert("选项已存在，请重新输入");
}
}
var the_option= new Option(text_value,text_value);
select_obj.add(the_option);
select_obj.selectedIndex = select_obj.options.length-1
}
}
//-->
</script>
<div class="cls1" style="clip: rect(3 280 21 110)">
<select name="myselect" style="width:127" onchange="document.getElementById('test').value=this.value">
</select>
</div>
<div class="cls2">
<input type="text" name="test" onkeydown="addOption()" size="20" style="width: 127; height: 23">
</div>
</body>
</html>
评论 (0) All
