由访问者自行输入数据的下拉框

最新推荐文章于 2024-07-17 15:26:15 发布
最新推荐文章于 2024-07-17 15:26:15 发布
阅读量541 收藏
点赞数
文章标签： function javascript string input html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jujuchen/article/details/1794325
版权

下拉框可列出数据，然后还可以由用户自行输入，如何做到这一点？

具有edit功能的combobox    
 
<HTML>  
 <HEAD>  
 <PUBLIC>  
   <COMPONENT  TAGNAME="COMBOBOX">  
   <PROPERTY  NAME="Text"  GET="get_Text"  PUT="put_Text">  
   <PROPERTY  NAME="Width"  GET="get_Width"  PUT="put_Width">  
   <METHOD  NAME="SetFocus"  INTERNALNAME="htcFocus">  
   <METHOD  NAME="AddItems"  INTERNALNAME="htcAddItems">      
   <EVENT  NAME="onYYCenter"  ID="idEnter">  
   <EVENT  NAME="onYYCChoose"  ID="idChoose">  
   <ATTACH  EVENT="oncontentready"  ONEVENT="htcInit()">  
   </COMPONENT>  
 </PUBLIC>  
 <SCRIPT  LANGUAGE="javascript">  
   function  htcInit()  
   {  
 defaults.viewLink=document;  
 defaults.viewInheritStyle=false;  
 Body_Init();  
   }  
   function  htcAddItems(items)  
   {  
 var  i,len;  
 len=pCombo.options.length;  
 for(i=0;i<len;i++)  
 {pCombo.remove(0);}  
 for(i=0;i<items.length;i++)  
 {  
   var  o;  
   if((typeof  items[i])=='string')  
   {  
     if(!HasTheValue(items,i))  
     {  
       o=document.createElement('OPTION');  
       o.text=items[i];  
       pCombo.add(o);  
     }  
   }  
 }  
   }  
   function  htcFocus()  
   {  
     pText.focus();  
   }  
   function  get_Text()  
   {  
 return  pText.value;  
   }  
   function  put_Text(Value)  
   {  
 pText.value=Value;  
   }  
   function  get_Width()  
   {  
 return  pCombo.style.width;  
   }  
   function  put_Width(Value)  
   {  
 pCombo.style.width=Value;  
   }  
 </SCRIPT>  
 
 <SCRIPT  LANGUAGE="javascript">  
   function  Body_Init()  
   {  
 var  iRight=pCombo.clientWidth;  
 var  iBottom=pCombo.clientHeight;  
 var  iLeft=(pCombo.clientWidth-18);  
     pCombo.style.clip='rect(0,'+iRight+','+iBottom+','+iLeft+')';  
 pText.style.width=(pCombo.clientWidth);  
 pText.style.height=(pCombo.clientHeight);  
 pText.style.top=0;  
 pText.style.left=0;  
   }  
   function  Combo_Select()  
   {  
 pText.value=pCombo.options[pCombo.selectedIndex].text;  
   }  
   function  Text_ChkKey()  
   {  
     if(event.keyCode==13)  
         {  
   idEnter.fire();  
 }  
   }  
   function  HasTheValue(sitems,i)  
   {  
 var  ii;  
 for(ii=0;ii<i;ii++)  
 {  
   if(sitems[ii]==sitems[i])  
     return  true;  
 }  
 return  false;  
   }  
 </SCRIPT>  
 </HEAD>  
 <BODY>  
   <SELECT  STYLE="position:absolute;left:0;top:0;"  ONCHANGE="Combo_Select()"  NAME="pCombo">  
   </SELECT>  
   <INPUT  STYLE="position:absolute;left:0;top:0;z-index:4000"  onKeyPress="Text_ChkKey()"  TYPE="TEXT"  NAME="pText">  
   </BODY>  
</HTML>  
 

jujuchen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ASP.NET(C#)中的自动下拉框的实现
springflower66的博客
06-29 4396
[1].[代码] [C#]代码 跳至 [1] [2] [3] [4] ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
python交互界面数据分析_如何用 Python 和 Streamlit 做交互式数据分析产品？
weixin_39557199的博客
11-30 1327
「本文参与少数派 2019 年度征文 + 效率有心得」不用学前端编程，你就能用 Python 简单高效写出漂亮的交互式 Web 应用，将你的数据分析成果立即展示给团队和客户。痛点从我开始折腾数据分析工具的那一天，就没有想明白一件事儿 —— 为什么我打算把数据分析的成果做成一个应用，这么难？其实我需要的核心功能，无非是在网页上接收用户输入，然后做分析处理，把分析结果反馈给用户，完事儿。可是这谈何容易...
[ASP代码]由访问者自行输入数据的下拉框
ChneChen的Blog
12-13 1198
(http://community.csdn.net/Expert/FAQ/FAQ_Index.asp?id=178337)下拉框可列出数据，然后还可以由用户自行输入，如何做到这一点？具有edit功能的combobox                                                                       function  htcIni
ASP下拉框联动
LiFH的博客
11-23 7481
ASP 实现下拉框联动(c#)
关于『数据结构』：图论
自强不息，厚德载物
08-26 551
  拥抱大只图论。   诸位怎么都如此能肝，md 就我图论还没写完。   (投放My blogs csdn & 博客园😃。)  举个🌰（栗子）：  图是由若干给定的顶点（例如 V1,V2V1, V2V1,V2）及连接两顶点的边（例如 (V1,V2),(V4,V5)(V1, V2),(V4, V5)(V1,V2),(V4,V5)）所构成的图形。   这种图形通常用来描述某些具体事物之间的某种特定关系。顶点用于代表事物，连接两顶点的边则用于表示具体事物间的关系。   若一张图的边数远小于其点数的平方，那么它..
动态数据交换 python_如何用 Python 和 Streamlit 做交互式数据分析产品？
weixin_39999586的博客
12-09 831
「本文参与少数派 2019 年度征文 + 效率有心得」不用学前端编程，你就能用 Python 简单高效写出漂亮的交互式 Web 应用，将你的数据分析成果立即展示给团队和客户。痛点从我开始折腾数据分析工具的那一天，就没有想明白一件事儿 —— 为什么我打算把数据分析的成果做成一个应用，这么难？其实我需要的核心功能，无非是在网页上接收用户输入，然后做分析处理，把分析结果反馈给用户，完事儿。可是这谈何容易...
详解一个Python库，用于构建精美数据可视化web app，练习做个垃圾分类app
pdcfighting的博客
12-21 632
点击上方“Python爬虫与数据挖掘”，进行关注回复“书籍”即可获赠Python从入门到进阶共10本电子书今日鸡汤醉卧沙场君莫笑，古来征战几人回？今天详解一个 Python 库 Strea...
可输入的下拉框
12-08
可输入的下拉框</TITLE></HEAD><BODY > <div xss=removed><span xss=removed><select style=”width:118px;margin-left:-100px” onchange=”this[removed].nextSibling.value=
dataGridView动态绑定数据下拉框
11-18
本话题将深入探讨如何实现“dataGridView动态绑定数据下拉框”的功能，即在dataGridView的某一列展示一个动态生成的下拉框，其内容来源于数据库字段，并且能够与文件列名建立对应关系，从而实现数据的导入。...
JS Select下拉框(支持输入模糊查询)
12-09
在JavaScript中，`<select>`元素通常用于创建下拉列表，但默认的下拉框并不支持用户通过输入关键字进行模糊查询。本实例介绍如何利用JavaScript实现一个支持输入模糊查询的Select下拉框，提高用户体验。 首先，我们...
解决Jquery下拉框数据动态获取的问题
10-18
在Web开发中，动态加载下拉框数据是一个常见的需求，它可以使用户界面更加灵活，特别是在处理大量可选数据时。以下是一个具体实例，展示了如何利用jQuery的AJAX功能来实现这一目标。 首先，我们需要理解Jquery的...
既能输入也能下拉框.html
10-13
既能输入也能下拉框.html
01-python介绍、变量、输入输出语句
weixin_45741929的博客
02-28 430
python介绍、变量、输入输出语句
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
最新发布
OpenTiny的博客
07-17 1234
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
vue下拉框可以输入数据
05-01
除了默认功能之外，Vue下拉框组件还可以允许用户输入数据到下拉框中。这样，用户可以从下拉列表中选择一个选项或者输入他们自己的选项。 在实现这个功能的过程中，需要添加一个属性叫做"filterable"。设置这个属性...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值