html设置默认选中状态,html中select标签用法解析及如何设置select的默认选中状态...
当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将 表单数据提交给服务器时包括 name 属性。
标签可选的属性
属性 值 描述
disabled disabled 规定禁用该下拉列表。
multiple multiple 规定可选择多个选项。
name name 规定下拉列表的名称。
size number 规定下拉列表中可见选项的数目。
标签全局属性
标签支持 HTML 中的全局属性。
标签事件属性
标签支持 HTML 中的事件属性。
标签用法举例
test1
test2
test3
设置默认选中可在option 中添加 selected = "selected",具体举例如下:
test2
给某个option 添加 selected = "selected" 属性就是默认选项
一些标签的使用技巧总结
1.动态创建select
function createSelect(){
mySelect.id = "mySelect";
document.body.appendchild(myselect);
}
2.添加选项option
function addOption(){
//根据id查找对象,
var obj=document.getElementById('mySelect');
//添加一个选项
obj.add(new Option("文本","值"));
}
3.删除所有选项option
function removeAll(){
var obj=document.getElementById('mySelect');
obj.options.length=0;
}
4.删除一个选项option
function removeOne(){
var obj=document.getElementById('mySelect');
//index,要删除选项的序号,这里取当前选中选项的序号
var index=obj.selectedIndex;
obj.options.remove(index);
}
5.获得选项option的值
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].value;
6.获得选项option的文本
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].text;
7.修改选项option
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index]=new Option("新文本","新值");
8.删除select
function removeSelect(){
var mySelect = document.getElementById("mySelect");
mySelect.parentNode.removeChild(mySelect);
}
9.设置select option被选中
function removeSelect(){
// 向办件人员下拉列表动态添加员工
for ( var i = 0; i < json.length; i++) {
var newOption = new Option(json[i].empname, json[i].empid, i);
//向办件人员下拉列表添加员工信息
objDeal.options.add(newOption);
//客户业务员的Id不为空
if(empbyDealEmpId!="" || empbyDealEmpId!=0){
//员工id等于下拉列表中的值,则下拉列表被选中
if(empbyDealEmpId==objDeal.options[i].value){
//判断此下拉列表被选中
objDeal.options[i].selected=true;
}
}
}
}
html设置默认选中状态,html中select标签用法解析及如何设置select的默认选中状态...相关推荐
- html中radio单选按钮控件标签用法解析及如何设置默认选中
Radio 对象代表 HTML 表单中的单选按钮.在 HTML 表单中 <input type="radio"> 每出现一次,一个 Radio 对象就会被创建.单选按钮 ...
- 前端radio单选框默认选中_html中radio单选按钮控件标签用法解析及如何设置默认选中...
Radio 对象代表 HTML 表单中的单选按钮.在 HTML 表单中 每出现一次,一个 Radio 对象就会被创建. 单选按钮是表示一组互斥选项按钮中的一个.当一个按钮被选中,之前选中的按钮就变为非 ...
- jsp中用java写标签id_jsp中自定义标签用法实例分析
本文实例讲述了jsp中自定义标签用法.分享给大家供大家参考.具体如下: 这里简单的写了一个自定义标签,自己定义标签的好处就是在jsp页面中可以使用自己定义的功能,完全与Java代码分离 1. tld文 ...
- HTML5/HTML中input标签用法解读
HTML5/HTML中<input>标签用法解读 OK!今天博主为小伙伴们介绍的内容是HTML5/HTML中<input>标签的用法,,, ,emmm图文并茂哦! 喜欢博主的粉 ...
- 内联函数 —— C 中关键字 inline 用法解析(转载)
一.什么是内联函数 在C语言中,如果一些函数被频繁调用,不断地有函数入栈,即函数栈,会造成栈空间或栈内存的大量消耗. 为了解决这个问题,特别的引入了inline修饰符,表示为内联函数. 栈空间就是指放 ...
- oracle中merge into用法解析
merge into的形式: MERGE INTO [target-table] A USING [source-table sql] B ON([conditional expression] an ...
- html中optgroup 标签用法,分组、只读的且呈树状样式显示
在html的select标签中除了了option标签外,还有一个标签就是optgroup .它能帮我们做什么咧? 从名称我们就已经领会到接分意思:它是一个option的组,就像checkboxgrou ...
- mysql中group by用法解析
MysqL group by 用法解析 2013年03月08日 08:43:30 JavaDynamic 阅读数:25184 一.group by语法可以根据给定数据列的每个成员对查询结果进行分组统计 ...
- Oracle中decode函数用法解析以及常用场景
1.decode函数的两种形式 第一种形式 含义解释: decode(条件,值1,返回值1,值2,返回值2,-值n,返回值n,缺省值) 该函数的含义如下: IF 条件=值1 THENRETURN(翻译 ...
最新文章
- 史上最简洁的UITableView Sections 展示包含NSDicionary 的NSArray
- Android 中文API (91) —— GestureDetector
- Windows Presentation Foundation (WPF)中的命令(Commands)简述
- 阿里云低延时直播RTS能力升级,让直播推流效果更佳
- java中equals函数所在的类,重写Java中的equals方法介绍
- JavaScript数据结构——字典(Dictionary)
- 草根最容易逆袭的地方就是互联网
- c语言实验 正弦csdn,实验2 正弦波振荡器(LC振荡器和晶体振荡器)
- 你看那个人他像一条狗
- 调用支付宝第三方支付接口详解(沙箱环境)
- nav-tage、vue3.0顶部历史浏览记录代码实现 vuex + el + vue3.0
- 晶振与匹配电容的总结
- 快速获取SAS数据集观测数
- 页面图片 “懒加载”
- Google首页电吉他Doodle源代码
- python判断对错题_Python爬虫自动化获取华图和粉笔网站的错题(推荐)
- 快速增加图片大小KB
- (solved)[/usr/bin/python2: No module named pip]
- mac下重启mysql
- security基于数据库的认证