HTML控件-Select

从今天开始，编写对于html控件的特性的探索文章，会广泛的引用网络的资源，所以本文的版权属于广大人民群众，欢迎转载，也同样禁止商业应用。

【高手勿喷，标签页点击红色叉叉】

select控件有一个特性：

如下的代码会导致select控件由下列选择框变成列表选择框

1 <select id="MeSel" size="3">
2     <option value="s1">第一季</option>
3     <option value="s2">第二季</option>
4     <option value="s3">第3季</option>
5     <option value="s4">第4季</option>
6     <option value="s5">第5季</option>
7     <option value="s6">第6季</option>
8 </select>

如图：

时间： 2025-01-18 06:42:43

HTML控件-Select的相关文章

JQuery下拉控件select的操作汇总

JQuery获取和设置Select选项方法汇总如下: 获取select 先看看下面代码:缙云县外国专家局 1 $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3 var checkVa

Jquery 操作Html 控件 CheckBox、Radio、Select 控件

在使用 Javascript 编写前台脚本的时候,经常会操作 Html 控件,比如 checkbox.radio.select,用 Jquery 库操作其他会方便很多,下面用Jq对这些控件的操作进行一个全面的代码总结. 一.Jquery 对 CheckBox 的操作: <input id="ckb1" name="ckb" checked="checked" value="0" type="checkbox&q

Jquery 操作Html 控件 CheckBox、Radio、Select 控件【转】http://www.cnblogs.com/lxblog/archive/2013/01/09/2853056.html

Jquery 操作Html 控件 CheckBox.Radio.Select 控件在使用 Javascript 编写前台脚本的时候,经常会操作 Html 控件,比如 checkbox.radio.select,用 Jquery 库操作其他会方便很多,下面用Jq对这些控件的操作进行一个全面的代码总结. 一.Jquery 对 CheckBox 的操作: <input id="ckb1" name="ckb" checked="checked"

用于后台管理的列表数据控件：DataGrid和Select

常听人说不喜欢javascript.然而我一个一直用C#做后端的人,最喜欢的编程语言就是javascript了,我接收它的优点,也接收它的缺点! 前段时间接触过easyui,用过里面的DataGrid和Combobox等控件,感觉DataGrid的确减少了一些重复的工作,但是easyui改变原有的Element,比如textbox,不能用$("#id").val()获取值了,只能用$(“#id”).textbox('getValue')来获取,不喜欢这样.国庆放假,票到3号了,今天有时

JavaScript日期控件，用select实现

<!doctype html> <html> <head> <title>年月日</title> </head> <body onLoad="init()"> <select id="year" onChange="swap_day()"></select>年 <select id="month" onChange

模拟select控件&&显示单击的坐标&&用户按下键盘，显示keyCode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

JQuery select控件的相关操作

本文转载于 http://www.cnblogs.com/zfc2201/archive/2012/09/06/2674312.html JQuery获取和设置Select选项方法汇总如下: 获取select 先看看下面代码: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:s

js操作select控件大全(包含新增、修改、删除、选中、清空、判断存在等)

原文:js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js 代码// 1.判断select选项中是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i

HTML的select控件美化

CSS: .div-select { border: solid 1px #999; height: 40px; line-height: 40px; cursor: default; } .div-select-text { float: left; background-color: #fff; height: 100%; word-break: keep-all; overflow: hidden; cursor: default; } .div-select-text > div { p