select选择框（如何让select下拉框具有输入功能）

本文目录

• 如何让select下拉框具有输入功能
• Ext 的有没有select选择框,就是类似图中这样的选择框，回答出来加分
• 如何使select2插件下拉框多选并获取选中的值
• 浏览器在模拟触摸的时候选择不了select框
• select选项框 怎样既可以选择也可以写
• C# 如何设置select(下拉框) 默认第一个option为“请选择“，分为前端和后端两种方式
• 使用jQuery从select选项框中删除选项
• asp+script求助，关于select下拉选择框的问题
• 如何通过select下拉框选择不同选项，然后同时后台改变mysql的数据
• 怎么调整select框得宽度和高度

如何让select下拉框具有输入功能

一般情况下，Select下拉框是只能选择，不能用来输入内容的。当select下拉框中没有要选择的信息项时，可以直接在select中输入自己想要得信息项，在输入信息项时，不改变select下拉框中原有的信息项实现方式《select id="select" onkeydown="Select.del(this,event)" onkeypress="Select.write(this,event)"》《option value=""》《/option》《option value="aaa"》aaa《/option》《option value="bbb"》bbb《/option》《option value="ccc"》ccc《/option》《/select》《input type="button" value="获取选择值" id="test" onclick="test();"/》《script》var Select = {del : function(obj,e){if((e.keyCode||e.which||e.charCode) == 8){var opt = obj.options;opt.text = opt.value = opt.value.substring(0, opt.value.length》0?opt.value.length-1:0);}},write : function(obj,e){if((e.keyCode||e.which||e.charCode) == 8)return ;var opt = obj.options;opt.selected = "selected";opt.text = opt.value += String.fromCharCode(e.charCode||e.which||e.keyCode);}}function test(){alert(document.getElementById("select").value);}《/script》《br /》

Ext 的有没有select选择框,就是类似图中这样的选择框，回答出来加分

我有个可行的方法，已经测试成功，但跟你的要求有点出入，操作如下：1、在A1，a2单元格各插入一个图片2、插入－＞名称－＞定义－＞名称"A",引用位置： =IF(Sheet1!$A$5="A",Sheet1!$A$1,Sheet1!$A$2) 意思是如果SHEET1工作表A5单元格的内容为A，则取A1，否则取A22、把相机工具放在工具栏中 （操作方法：工具栏处鼠标右键－＞自定义－＞命令－＞类别中选择工具－＞在命令框中找到“照相机”拖动至工具栏－＞点关闭完成）3、点击相机工具，在工作表区拉出一个区域4、选择拉出的框，在栏里输入"=A" 注意，是不要引号的哦做完以上四步，就大功告成了。我已经在我的电脑上测试成功，请看后附的图片：你试着在在A5单元格输入A试试，再输入其它内容试试你还可以把定义的名称用更复杂的公式，取得更多种类的图片，只要你想得到。这里实现的功能与你要求最大的出入就是：事先必须把图片放入到EXCEL里面，并且一个单元格一个图片，而不是取用文件系统中的图片文件

如何使select2插件下拉框多选并获取选中的值

第一步，创建静态页面select.html，引入select2相关的css和js文件，并引入jQuery核心js，如下图所示：第二步，在body标签内插入select元素，设置属性multiple和class，宽度为300px，如下图所示：第三步，初始化select2插件，需要调用select2()方法，如下图所示：第四步，为了演示获取下拉框值，这里利用button按钮点击事件，在select下方插入一个button按钮，如下图所示：第五步，编写按钮点击事件，事件里获取多选下拉框值和文本内容，如下图所示：6第六步，在浏览器中进行预览，点击“取值”按钮，会看到打印下拉框选择的值和文字，如下图所示：

浏览器在模拟触摸的时候选择不了select框

其实select这个东西只靠纯CSS是不能解决这个自定义样式问题的，但既然折腾了这么久，还是说一下CSS实现的思路吧。 首先对于默认的样式：  刚开始想到使用背景，但经试验对select设置背景是无效的，于是后来就想到了覆盖，用其它元素把那个向下的箭头盖住，然后给这个元素设置背景，写了个demo发现可行，于是就有了下面的这些。 首先用一个a标签套住select：

复制代码

代码如下:

《a class="btn-select" id="btn_select"》 《select》 《option》选项一《/option》 《option》选项二《/option》 《option》选项三《/option》 《option》选项四《/option》 《option》选项五《/option》 《/select》 《/a》 

在css里让select“隐藏”，但不能display:none;，不然select元素不存在了，在这里我们可以把select的透明度改为0，这样就看不见了，但并不影响下拉框，点击时下拉框还会出现；这样貌似是可行了，但这是会发现每次选择选项后，选项并未显示，这就是select隐藏的原因了，连着文字也隐藏了，因此我们需要一个额外的标签储存每次选择的选项，下面是完整的HTML代码： 

复制代码

代码如下:

《form》 《a class="btn-select" id="btn_select"》 《span class="cur-select"》请选择《/span》 《select》 《option》选项一《/option》 《option》选项二《/option》 《option》选项三《/option》 《option》选项四《/option》 《option》选项五《/option》 《/select》 《/a》 《/form》 

CSS代码： 

复制代码

代码如下:

* { margin: 0; padding: 0; } body { padding: 50px 50px; } .btn-select { position: relative; display: inline-block; width: 150px; height: 25px; background-color: #f80; font: 14px/20px "Microsoft YaHei"; color: #fff; } .btn-select .cur-select { position: absolute; display: block; width: 150px; height: 25px; line-height: 25px; background: #f80 url(ico-arrow.png) no-repeat 125px center; text-indent: 10px; } .btn-select:hover .cur-select { background-color: #f90; } .btn-select select { position: absolute; top: 0; left: 0; width: 150px; height: 25px; opacity: 0; filter: alpha(opacity: 0;); font: 14px/20px "Microsoft YaHei"; color: #f80; } .btn-select select option { text-indent: 10px; } .btn-select select option:hover { background-color: #f80; color: #fff; } 

最后效果是这样的(Chrome上的截图)： 但这样做并不能完全覆盖浏览器的默认样式，如图中下拉框的边框处理不掉，另外，在ie上就更难看了，所以真正项目中使用的话，还是用插件吧，或者用其他元素代替。 

select选项框 怎样既可以选择也可以写

《html》 《head》《title》ListBox《/title》 《/head》 《body》 《select name="select"style="position:absolute; left: 10px; top: 10px; width: 120px; height: 18px; clip: rect(0 120 18 100)" id="select" onchange="textfield.value=select.value;textfield.select()"》 《option value="aaaaaaaa"》aaaaaaaa《/option》 《option value="bbbbbbbb"》bbbbbbbb《/option》 《option value="cccccccc"》cccccccc《/option》 《/select》 《input type="text" style="position:absolute; left: 10px; top: 10px; width: 100px; height: 20px" name="textfield"》 《/body》 《/html》

C# 如何设置select(下拉框) 默认第一个option为“请选择“，分为前端和后端两种方式

前端:《select   id="selectSport" ruanat="server"》。

《option selected="selected" value="0"》--请选择-- 《/option》 。 

《option  value="篮球"》篮球 《/option》 。

《option  value="足球"》足球 《/option》。 

《/select》。若后端:

selectSport.Items.Insert(0，"--请选择--")；

说明:(key,value) key是索引值，value是显示在下拉框的值。

扩展资料：

C#使得C++程序员可以高效的开发程序，且因可调用由 C/C++ 编写的本机原生函数，而绝不损失C/C++原有的强大的功能。因为这种继承关系，C#与C/C++具有极大的相似性，熟悉类似语言的开发者可以很快的转向C#。

类可以是抽象的和不可继承的：一个被申明成abstract的类不能被实例化，它只能被用做一个基类，C#关键字lock就像Java关键字final，它申明一个类不是抽象的，但是它也不能被另一个类的基类接口：就象在Java中一样，一个接口是一组方法集合的抽象定义。

当一个类或结构体实现一个接口的时候，它必须实现这个接口中定义的所有方法。一个单一的类可以实现几个接口，也许以后会出现一些微妙的差别，但是这个特点看起来与Java相比没有变化。

参考资料来源：百度百科-C#

使用jQuery从select选项框中删除选项

从select选项框中删除选项，即从select元素中删除指定options元素，那么要如何使用jQuery实现？下面本篇文章就来给大家介绍一下使用jQuery从select元素中删除options的方法，希望对大家有所帮助。 想要使用jQuery从select元素中删除options元素，可以先使用jQuery选择器从select中选择需要删除的options元素，然后使用JQuery的remove()方法从HTML文档中删除该选项。 remove()方法用于法移除被选元素，包括所有的文本和子节点。该方法也会移除被选元素的数据和事件。 示例1： 使用remove()方法删除value=’val_1’的选项 效果图： 示例2： 使用remove()方法删除class =’val’的选项 效果图： 更多 前端开发 知识，请查阅 HTML中文网 ！！

asp+script求助，关于select下拉选择框的问题

看下这段代码，应该能解决你的问题《!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"》《html》 《head》 《title》test.html《/title》 《script type="text/javascript"》function changeAction(){ //默认是login.action，当select改变时同时改变from的action属性 //我这里直接把列表的value赋值到form的action，你可以根据需要改改var selectValue=document.getElementById(’select’).value;document.forms.action=selectValue;}《/script》 《/head》 《body》 《form action="login.action" method="post"》 《select id="select" onchange="changeAction();"》 《option value="login.action" selected》login《/option》 《option value="search.jsp"》search《/option》 《option value="index.html"》index《/option》 《/select》 《input type="submit" value="提交"/》 《/form》 《/body》《/html》

如何通过select下拉框选择不同选项，然后同时后台改变mysql的数据

这个和ajax技术密切相关.ajax技术通俗来讲 就是保证页面不刷新的情况下.吧数据通过服务端展现给浏览器.所以这里楼主可以使用ajax来实现.一下给出一个ajax例子《select id="select"》    《option》《/option》《/select》//此时select框是没有任何数据的给他加上value值改变触发的事件$("#select").change(function(){    $.get(’index.php’,data,function(res){        $("#select").append(’《option value="’+res.val+’"》’+res.content+’《/option》’);//把获取到的信息append到select框下    },’json’);});//或者楼主是要这种情况.选中select的其中某个选项在加载数据《select id="select"》    《option value="1"》《/option》《/select》$("#select").change(function(){    //这里假设选中了value =1的option    var val = $("#select").val();    $.get(’index.php’,{value:val},function(res){        sonsole.log(res);//打印从服务器获取到的信息    },’json’);});

怎么调整select框得宽度和高度

1、首先，我们新键一个Winform窗体应用程序，然后在界面上，放置一个下拉框。

2、之后根据下方的图片中的代码进行。

3、然后在属性面板的界面中，点击选上DropDownHeight选项。

4、接下来设置想要的宽度，例如300，效果图如下：

5、接下来继续设置数值为100，

6、之后的效果就是下图中的样子。