JS实现可编辑的下拉框

JS实现可编辑的下拉框,如下代码:


  1. <td align="left" width="190"  >  
  2. <span  
  3. style="position:absolute;border-top:1pt solid #336699;border-left:1pt solid #336699;border-bottom:1pt solid #336699;width:114px;height:19px;top:19px;">  
  4. <input type="text" name="ccdd" id="ccdd" style="width:170px;height:15px;border:0pt;"  
  5. onFocus="javascript:if(this.value=='---请选择或输入---')this.value='';"value="---请选择或输入---" onblur="get()">  
  6. </span>  
  7. <span style="position:absolute; border:1pt solid #336699;  width:188px; height:19px; clip:rect(-1px 190px 190px 170px); top:19px;">  
  8. <select name="aabb" id="aabb" style="width:190px;height:20px;margin:-2px;"  
  9. onChange="javascript:ccdd.value=aabb.value;" onblur="get()">  
  10.     <option value="---请选择或输入---">---自己输入---</option>  
  11.     <option value="申请被拒">申请被拒</option>  
  12.     <option value="电话打不通">电话打不通</option>  
  13. <option value="邮件无人回">邮件无人回</option>  
  14. </select>  
  15. </span>  
  16. </td>  
  17. <script> 
  18.   function get(){ 
  19.   var v =   document.getElementById('ccdd').value; 
  20.   alert(v); 
  21.   } 
  22. </script> 

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索邮件
, function
, 输入
, document
, getelementbyid
下拉
js下拉框实现模糊搜索、js实现多级联动下拉框、js实现多选下拉框、js实现下拉框、css div js实现下拉框,以便于您获取更多的相关知识。

时间: 2024-09-20 06:12:20

JS实现可编辑的下拉框的相关文章

aspnet-asp.net怎么实现可编辑的下拉框

问题描述 asp.net怎么实现可编辑的下拉框 下拉框可以进行编辑,然后进行模糊查找提示,类似百度提示 解决方案 如果是web开发的话,比较简单,网上有实例,对于C#的话,建议使用TextBox文本框控件,和Listbox控件进行组合,从TextBox中输入文本内容,跟据输入的内容在数据库中查找包含输入的文本内容的记录,形成一个表,然后将表的每一条记录赋值给ListBox形成下拉项,并且将ListBox的可见性隐藏,然后从下拉项中选择目标,大体思路就是这样,就不提供具体细节了,这个问题我也是刚遇

怎么判断js写的省市级联下拉框不能为空啊

问题描述 怎么判断js写的省市级联下拉框不能为空啊 解决方案 解决方案二:varDDL=document.getElementById("DropDownList1");varindex=DDL.selectedIndex;varText=DDL.options[index].text;varValue=DDL.options[index].value;document.getElementById("DropDownList1").options[document

js 动态为textbox添加下拉框数据源的方法_javascript技巧

复制代码 代码如下: $("#<%=lstCarBrand.ClientID%>").change(function () { $("#<%=txtCarSeries.ClientID%>").val("");//清除文本框 $("#<%=txtCarSeries.ClientID%>").unautocomplete();//清除autocomplete $("#<%=tx

js实现Select下拉框具有输入功能的方法

 这篇文章主要介绍了js实现Select下拉框具有输入功能的方法,实例分析了两种比较常见的实现方法,是非常实用的技巧,需要的朋友可以参考下     本文实例讲述了js实现Select下拉框具有输入功能的方法.分享给大家供大家参考.具体实现方法如下: 实现方法一 代码如下: <HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>js实现

js实现Select下拉框具有输入功能的方法_javascript技巧

本文实例讲述了js实现Select下拉框具有输入功能的方法.分享给大家供大家参考.具体实现方法如下: 实现方法一 复制代码 代码如下: <HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>js实现可输入的下拉框</TITLE> </HEAD> <BODY> <div style="

JavaScript可输入的下拉框特效代码

 <HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>js实现可输入的下拉框</TITLE> </HEAD> <BODY> <div style="position:relative;"> <span style="margin-left:100px

Jquery Easyui自定义下拉框组件使用详解(21)_jquery

本文实例为大家分享了Jquery Easyui自定义下拉框组件的实现代码,供大家参考,具体内容如下 加载方式 JS调用加载 自定义下拉框不能通过标签的方式进行创建. <input id="box" /> <script> $(function () { //JS 加载调用 $('#box').combo({ required : true, multiple : true, }); }); </script> 属性列表 <script>

thinkphp中在编辑一条数据时不用JS实现自动选中下拉框

<select name="auth_pid" id="auth_pid"> <option value="0" >--请选择--</option> <volist name="auth_list" id="item"> <eq name="item.auth_id" value="$auth_info.auth_pid&q

对象-select下拉框 编辑时赋值

问题描述 select下拉框 编辑时赋值 select是客户端的,像这样. <select runat=""server"" id=""sel""> <option value=""请选择"">请选择</option> </select> 我想在点击编辑时,将编辑的这个值默认选中,也就是赋值.后台这样写的 protected string