html 控件select

问题描述

各位大侠,我现在用select实现下拉的效果,里面的option值我与数据库绑定!现在我遇到的问题是,数据库中没有我想选的,我想双击select对其经行编辑!上网查了,都说没有这样的,现在我就想我用一个TextBox隐藏,当我双击select时,调用js代码将textbox显示出来!这怎么实现!在线等!谢谢各位了

解决方案

解决方案二:
引用楼主guzhiyang123的回复:

各位大侠,我现在用select实现下拉的效果,里面的option值我与数据库绑定!现在我遇到的问题是,数据库中没有我想选的,我想双击select对其经行编辑!上网查了,都说没有这样的,现在我就想我用一个TextBox隐藏,当我双击select时,调用js代码将textbox显示出来!这怎么实现!在线等!谢谢各位了

介个
解决方案三:
你是不是想实现类似问题提问这种啊,如果没有合适的问题,可以选择自定义问题
解决方案四:
$(function(){$("#textbox所在的div的id").hide();//页面加载的时候隐藏$("#select的id").bind("change",function(){$("#textbox所在的div的id").show();//改变之后显示})//其实select就做数据绑定和数据选择用的不知道楼主为什么非要搞编辑事件要追加和修改也是可以的感觉没那个必要});
解决方案五:
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_20120301_Default"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>无标题页</title><scriptsrc="../jquery-1.3.2-vsdoc.js"type="text/javascript"></script><scripttype="text/javascript">$(function(){$("#Select1").dblclick(function(){$("#Text1").show();});});</script></head><body><formid="form1"runat="server"><selectid="Select1"><optionvalue="1">1</option></select><inputid="Text1"type="text"style="display:none;"/></form></body></html>

解决方案六:
引用4楼porschev的回复:

HTMLcode<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_20120301_Default"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.o……

+1
解决方案七:
引用4楼porschev的回复:

HTMLcode<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_20120301_Default"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/……

这样双击后显示文本框如果你是想可编辑的下拉菜单那就是我给你搜的,
解决方案八:
其实只要把下拉框的宽度比TEXTBOX的宽度大一点,就宽出一个下拉符的大小,然后把TEXTBOX放在SELECT的前面,在下拉change事件中为TEXTBOX赋值就行了。
解决方案九:
#4楼的我试了,不行的啊!
解决方案十:
引用8楼guzhiyang123的回复:

#4楼的我试了,不行的啊!

肿么不行了??、
解决方案十一:
引用6楼somethingjack的回复:

引用4楼porschev的回复:HTMLcode<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_20120301_Default"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional……

是搜索的第一个结构吗
解决方案十二:
引用9楼porschev的回复:

引用8楼guzhiyang123的回复:#4楼的我试了,不行的啊!肿么不行了??、

js不行说缺少对象
解决方案十三:
看到这句了吗?<scriptsrc="../jquery-1.3.2-vsdoc.js"type="text/javascript"></script>下载一个Jquery包。。。放在项目中。。引入进去。。。。
解决方案十四:
点上面的链接,,,download下载。。。
解决方案十五:
引用12楼porschev的回复:

看到这句了吗?<scriptsrc="../jquery-1.3.2-vsdoc.js"type="text/javascript"></script>下载一个Jquery包。。。放在项目中。。引入进去。。。。

下了没用
解决方案:
引用14楼guzhiyang123的回复:

引用12楼porschev的回复:看到这句了吗?<scriptsrc="../jquery-1.3.2-vsdoc.js"type="text/javascript"></script>下载一个Jquery包。。。放在项目中。。引入进去。。。。下了没用

那你就是路径没写对。。。这么简单两句代码。。。
解决方案:
再帮你写个JS的<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_20120301_Default"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>无标题页</title><scripttype="text/javascript">functiontest(){document.getElementById("Text1").style.display="";}</script></head><body><formid="form1"runat="server"><selectid="Select1"ondblclick="test();"><optionvalue="1">1</option></select><inputid="Text1"type="text"style="display:none;"/></form></body></html>

解决方案:
谢谢各位大侠了,问题解决了!#4楼<scriptsrc="jquery-1.3.2-vsdoc2.js"type="text/javascript"></script><scripttype="text/javascript">$(function(){$("#Select1").dblclick(function(){$("#Text1").show();});});</script><selectid="Select1"runat="server"><optionvalue="1">1</option></select><inputid="Text1"type="text"style="display:none;"/>效果出现不了啊你帮我看看那边错了
解决方案:
引用17楼guzhiyang123的回复:

谢谢各位大侠了,问题解决了!#4楼<scriptsrc="jquery-1.3.2-vsdoc2.js"type="text/javascript"></script><scripttype="text/javascript">$(function(){$("#Select1").dblclick(func……

看不出哪里错了。。。要错只能是<scriptsrc="jquery-1.3.2-vsdoc2.js"type="text/javascript"></script>这个引用路径或者名称的问题
解决方案:
<scripttype="text/javascript">$(function(){$("#Text1").hide();$("#Select1").dblclick(function(){$("#Text1").show();});});</script>
解决方案:

解决方案:
引用20楼a346729576的回复:呵呵

时间: 2024-08-29 14:22:55

html 控件select的相关文章

js+CSS实现模拟华丽的select控件下拉菜单效果_javascript技巧

本文实例讲述了js+CSS实现模拟select控件的下拉菜单效果.分享给大家供大家参考.具体如下: 这是一个JS+CSS技术实现的Select控件效果,模拟出来的,比默认的Select更漂亮,有了这个模板,你修改Select就更方便了,由此你也可以将其制作成CSS下拉菜单,在兼容性方面暂未测试,在IE8下没问题. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-select-control-style-codes/ 具体代码如下:

构建支持 Ajax 的自动完成和级联式下拉控件

本文介绍如何构建可在业务线应用程序中使用的 Asynchronous JavaScript + XML (Ajax) 控件.这些基于 JSP TagLib 的可配置控件利用 JavaScript Serialized Object Notation (JSON).JavaScript 和 CSS.它们是标准的 JSP Taglib 控件,本文将展示可多么轻松地将其拖放到任意应用程序之中,从而提供更加直观.更具响应性的用户界面. Ajax 和 JSON 是支持新一代 Web 站点的两种关键技术.业

WML教程9:Select List 控件

select|教程|控件 对表单的控制能力可以证明一个HTML设计者是否够专业,而且很多交互功能也必须依赖表单.WML没有表单属性,但是WML可以直接使用控件,同样可以达到使用表单的效果.因此,使用控件的水平可以体现一个WML设计者的制作水平. WML控件有Select List和Input Box两个系列,每个系列另外包含几个子系列,基本可以满足表单设计的需求. 选择列表控件(Select List) Select有两对很重要也很容易混淆的属性:name, value , iname , iv

模仿combox(select)控件 省去美化烦恼

select|控件 不用整天为美化select控件烦恼了. 1.可批量美化select控件. 2.可以有onchange句柄. 3.触发onchange的函数可带参数. 3.可以得到select的值. 4.可设置像select类似的滚动条(如大于或等于8个数目时出现滚动条) 5.可设置宽度和高度 API参考: //首先生成一个simulateSelect的实例 //构造函数的第一个可选参数为触发onchange的函数,其它的为onchange函数的参数; c = new simulateSele

模仿combox(select)控件

select|控件 不用整天为美化select控件烦恼了. 运行代码框 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> simulate combox control - http://www.never-online.net </TITLE><META NAME="Generator"

select控件在Mozilla和Opera中的问题

select|控件|问题 1. Mozilla和Opera都不支持该字体,改掉DTD也是没有效果.测试在Mozilla Firefox1.5, Opera9.0下都是显示成Arial字体.而特殊符号是支持的. 如:<body id="www.never-online.net"> <div style="font-family:Webdings">6</div> <div>▼</div> </body&

Jquery 两个select多选控件中项的移动

<html> <head> <link href="${ctx}/css/style.css" rel="stylesheet"type="text/css" /> <script src="${ctx}/lib/jquery/jquery-1.5.2.min.js" type="text/javascript"></script> <scr

div模拟下拉菜单select控件模块 css实现表单select美化

     div css模拟实现form表单下拉select控件美化与功能实现.可以实现模拟的select表单下拉提交数据传值功能     使用方法与调用方式:$.divselect("#divselect","#inputselect"); "#divselect" 这是哪个模拟列表的盒子的ID,"#inputselect"这个是选择以后给 id="inputselect" 的input隐藏域赋值的哦.

IE6下div层被select控件遮住的问题解决方法

IE6下层被select控件遮住的问题想必大家在布局过程中都有遇到过吧,其实解决方法很简单就是在层里套个iframe,具体实现如下,感兴趣的朋友可以参考下,希望对大家有所帮助   这个应该在网上有很多解决的办法,只不过很多问题解决了之后就忘了,之后遇到了再去找有时就找不到了,就当给自己做个笔记了 方法很简单在层里套个iframe <div>能看见我了吗?<iframe frameborder="0" ></iframe></div> 有一