input 与 select 的常用方法

───────────────────────────────────────────
丨⒈                        Input标签 Type类型
丨Type类型丨TexT(文本框), Password(密码框), Button(按钮), File(文件)
丨定义方法丨<Input Type="TexT" Id="唯一的ID" Value="初始化的内容" />
 ───────────────────────────────────────────
丨TexT, Password, File, 读取修改方法如下:
 ─────────────────────────────────────────── 
丨示例丨读取文本框内容丨document.GetElementById("唯一的ID").Value
丨示例丨写入文本框内容丨document.GetElementById("唯一的ID").Value = "写入的内容"
 ─────────────────────────────────────────── 丨Button 按钮点击触发的事件如下:
 ─────────────────────────────────────────── 丨示例丨<Input type="button" value="点击我触发事件" OnClick="子程序函数()" />  
丨示例丨Sub 子程序函数() : MsgBox "我被点击啦" : End Sub
 ─────────────────────────────────────────── 
丨                                                                                丨
丨⒉                            Select标签(单选框)                                 |
丨                                                                                丨
 ─────────────────────────────────────────── 
丨定义方法丨<Select id="唯一的ID" > <Option>我是选项内容</Option> </Select>
丨示例丨得到选中的索引丨document.GetElementById("唯一的ID").SelectedIndex
丨示例丨得到选中的内容丨
丨代码丨⒈[索引]=document.GetElementById("唯一的ID").selectedIndex
丨代码丨⒉document.GetElementById("唯一的ID").Options([索引]).Text
 ─────────────────────────────────────────── 
丨示例丨动态添加选择项丨
丨代码丨⒈For I = 0 To 10
丨代码丨⒉Set Obj_AddOption = document.CreateElement("Option")
丨代码丨⒊Obj_AddOption.TexT = "测试" & I
丨代码丨⒋document.GetElementById("唯一的ID").Add(Obj_AddOption)
丨代码丨⒌Next
 ─────────────────────────────────────────── 
丨⒉                               Select标签(列表框) 
丨定义方法丨<Select id="唯一的ID" Size=10> <Option>我是选项内容</Option> </Select>
丨示例丨和单选框的用法一样, 唯一不同的是多了一个size方法 
丨解释丨Size丨大小有多少个选择项目, 上面的定义方法是Size=10 那么就代表这个列表框可以一次性显示10个选择内容

丨⒊　　　　　　　　   显示选择的那一项

丨示例丨

丨HTML标签定义丨<Select id="Select_Test" Size=10> <Option>我是选项内容</Option> <Option>我是选项内容1</Option> <Option>我是选项内容2</Option> </Select>

丨VBScript   示例丨document.GetElementById("Select_Test").Options(0).Selected = "Selected"  ‘这样子就算有下拉框他也会自动跳到选择的哪一项去

─────────────────────────────────────────

时间： 2024-12-21 11:24:05

input 与 select 的常用方法的相关文章

input与select 设置相同宽高，在浏览器上却显示不一致，不整齐

遇到 input与select 设置相同宽高,在浏览器上却显示不一致,遂实验了下(IE 10.013 ,Firefox 30.0),得出以下结论 input   width,height 值里面, 不包含 border边框和padding内边距,即:设置的只是内容本身的高与宽.border与padding不在值里面,在浏览器上显示可见. select  width,height 值里面, 包含 border边框和padding内边距,即:设置的高宽里面包含了内容本身,border与padding

不同浏览器上input与select宽度显示不同的本质原因

做表单开发时经常碰到一个问题,input和select是其中最常用的两个标签,但是有个问题很棘手.input和select是两种不同的和模型,如果只是简单的将两者的width设置成一样,将会出现下面的效果: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> *{margin:0;padding:0;} b

JQuery获取和设置Select选项常用方法总结 (转)

1.获取select 选中的 text: $("#cusChildTypeId").find("option:selected").text(); $("#cusChildTypeId option:selected").text()2.获取select选中的 value: $("#ddlRegType ").val();3.获取select选中的索引:      $("#ddlRegType ").get

css取消input、select默认样式（手机端）

IOS端: border-color:transparent; andorid端: 仅仅使用上面的代码还不够,可以发现select框在某些浏览器(包括微信)内置浏览器下 还会有箭头以及高亮的线框,要除去这个可以使用 1 -webkit-appearance: none; 取消webkit默认的样式. 我们将input.select框设为透明的目的就是为了方便使用设计师制作的样式(即使差1.2个px没对齐也不会察觉) 注意:select的下拉框的样式跟具各个浏览器的不同都不会不同.这里就不研究了!

input和select在浏览器中宽度不同解决方案（原创）

在给一个网站做适配的时候,遇到的问题,input和select 均设置相同的宽度,最后浏览器下呈现出来的宽度不一样,一时间很难下手. 于是找到了根本原因 select的css width样式,包含边框和内边距,即:真实的width=CSS width. 而input的css width样式,则不包含边框和内间距,真实的width=CSS width border padding. 解决的方法: 给select添加 box-sizing: border-box; 以后完美解决. 普及box-siz

jQuery操作form input、select、checkbox、radio常用方法

jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var checkValue=$("#select

去掉或者修改 input、select 等表单的【默认样式 】

隐藏input等表单的默认样式的背景: textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;} 让div看起来像按钮: div{appearance:button;-moz-appearance:button; /* Firefox */-webkit-appearance:button; /* Safari 和 Chrome */

条件查询，有input和select框，当查询条件获取焦点时支持摁下enter键查询

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <

手机端input，select屏蔽浏览器默认事件

文本框input:当文本框focus时会弹出软键盘,有时我们需要click事件而又不想触发focus事件(不要弹出软键盘) 给input添加 disabled="disabled"属性屏蔽click及focus事件,再使用touchstart来绑定点击事件 下拉选择框select:有时需要在点击的时候做出判断,同上添加disabled="disabled"屏蔽掉click,使用touchstart代替