html中select标签默认选择,HTML中的<select>标签如何设置默认选中的选项

方法有两种。

第一种通过的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。

1

2

3

4

5

1 option >

2 option >

3 option >

 select >

第二种为通过前端js来控制选中的项: 由 www.169it.com 搜集整理

1

2

3

4

5

6

7

8

9

10

11

function change(){

document.getElementById("sel")[2].selected=true;

}

 script >

1 option >

2 option >

3 option >

 select >

获取标签选中项文本的js代码为:

1

2

var  val = document.all.Item.options[document.all.Item.selectedIndex].text

var  i=document.getElementById( 'sel' ).options[document.getElementById( 'sel' ).selectedIndex].value;

一些其它操作标签的技巧如下：

1)动态创建select

1

2

3

4

5

function  createSelect(){

var  mySelect = document.createElement( "select" );

mySelect.id = "mySelect" ;

document.body.appendChild(mySelect);

}

2)添加选项option

1

2

3

4

5

6

function  addOption(){

//根据id查找对象，

var  obj=document.getElementById( 'mySelect' );

//添加一个选项

obj.add( new  Option( "文本" , "值" ));

}

3)删除所有选项option

1

2

3

4

function  removeAll(){

var  obj=document.getElementById( 'mySelect' );

obj.options.length=0;

}

4)删除一个选项option

1

2

3

4

5

6

function  removeOne(){

var  obj=document.getElementById( 'mySelect' );

//index,要删除选项的序号，这里取当前选中选项的序号

var  index=obj.selectedIndex;

obj.options.remove(index);

}

5)获得选项option的值

1

2

3

var  obj=document.getElementById( 'mySelect' );

var  index=obj.selectedIndex; //序号，取当前选中选项的序号

var  val = obj.options[index].value;

6)获得选项option的文本

1

2

3

var  obj=document.getElementById( 'mySelect' );

var  index=obj.selectedIndex; //序号，取当前选中选项的序号

var  val = obj.options[index].text;

7)修改选项option

1

2

3

var  obj=document.getElementById( 'mySelect' );

var  index=obj.selectedIndex; //序号，取当前选中选项的序号

var  val = obj.options[index]= new  Option( "新文本" , "新值" );

8)删除select

1

2

3

4

function  removeSelect(){

var  mySelect = document.getElementById( "mySelect" );

mySelect.parentNode.removeChild(mySelect);

}

vue中select设置默认选中

vue中select设置默认选中 一.总结 一句话总结: 通过v-model来:select上v-model的值为option默认选中的那项的值(value) 二.select设置默认选中实例 &lt ...

Android WebView的HTML中的select标签不起作用

Android WebView的HTML中的select标签不起作用 经过查询资料,了解到android对html里的select标签是弹出一个原生的选择器. 问题: Webview中的select没 ...

Android RadioGroup中设置默认选中RadioButton 后&comma;选中两个的问题 解决方法

项目中遇到多个RadioGroup中单选RadioButton ,设置了默认选中第一个 . 然后就 能选中两个RadioButton . . .. 我开始这样给设置默认选中一个的: for (int ...

winform中的dateTimePicker控件设置默认值为空

winform中的dateTimePicker控件设置默认值为空   第一步:设置Format的属性值为“Custom” 第二步:设置CustomFormat的属性值为空,需要按一个空格键

Django forms 关于select和checkbox设置初始选中值及让前端选中指定值

Django的forms和models一样很牛逼.他有两种功能,一是生成form表单,还有就是form表单的验证. 这里主要说一下生成form表单时经常用到的需要设置 初始值 / 默认值 的情况. 1 ...

Django forms 关于select和checkbox设置初始选中值

Django的forms和models一样很牛逼.他有两种功能,一是生成form表单,还有就是form表单的验证. 这里主要说一下生成form表单时经常用到的需要设置 初始值 / 默认值 的情况. 1 ...

Vue Echarts 饼图设置默认选中一个

Vue Echarts 饼图设置默认选中一个 myChart.setOption(data) // data伟echarts所需要传入的参数,就是配置参数最多的那个玩意 myChart.dispatc ...

echarts圆饼图设置默认选中项并在中间显示文字

效果: 代码: var myChart = echarts.init(document.getElementById('quanshi-echarts-two')); option = { grid: ...

html select 标签设置默认选中

方法有两种. 第一种通过的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. 1 2 3 4 5

随机推荐

jquery堆栈与队列

期待期待期待期待期待期待期待期待期待期待期待期待期待期待期待期待期待期待期待期待期待期待期待

Chrome 消息传递机制

Chrome插件开发入门(二)——消息传递机制 Blog | Qiushi Chen 2014-03-31 9538 阅读 Chrome 插件 由于插件的js运行环境有区别,所以消息传递机制是一个重要 ...

如何用VS调试不属于解决方案的EXE和DLL程序

如果你手里有一个现成的EXE, 以及EXE相关联PDB文件, 还有相关联的CPP文件和H文件. 你如何用VS调试? (当然你可以选择WinDbg.不过这里就讨论VS) 你或许想问我干嘛不从一开始就用V ...

Java之Structs框架初探

今天是小白第一次自己的接触Struts框架,因为网上的资料都是从Structs2开始,跟Structs1完全不同,因此,小白直接跳过1学习版本2的搭建,废话不多说,直接开始. 首先要搭建框架,就肯定要 ...

【实习记】2014-08-15文档太少看着源码用cgicc&plus;stl库之模板谓词函数对象

总结1: 今天找到了昨天scanf的问题答案,scanf与printf一样的神奇而复杂,稍不留神,就会被坑.scanf函数在读入非空白符分割的多个字符串的解决方法是这个:/* 以 | 分割 * ...

document&period;createElement在IE和Firefox下的差异

IE有3种方式都可以创建一个元素: 1 document.createElement("") 2 document.createEle ...

华为OJ培训主题 比赛统计

题目例如以下: 比赛情况统计 有一个游戏平台,各个參赛队伍(以唯一的TeamID来标识)之间进行单循环的对抗赛,两个队伍之间仅仅举行一场比赛,比赛以得分的多少定胜负.须要完毕一个统计赛况的程序,可以随 ...

关于Dapper&period;NET的相关论述

年少时,为何不为自己的梦想去拼搏一次呢?纵使头破血流,也不悔有那年少轻狂.感慨很多,最近事情也很多,博客也很少更新了,毕竟每个人都需要为自己的生活去努力. 最近在一个群里遇到一个人说的话,在这里不再赘 ...

&lbrack;国嵌笔记&rsqb;&lbrack;033-034&rsqb;&lbrack;设置svc模式&rsqb;

[设置svc模式] 设置CPU为SVC模式 1.因为初始化系统需要有很高的权限,SVC模式具有该权限,所以首先要使系统工作在SVC(0b10011)模式 2.设置cprs为0xd3(0b1101001 ...

钢琴培训班课程、课时及费用管理系统已提供ACM3&period;0新版下载

中小型艺术培训班课程.课时及费用管理系统. 2014新版 ACM3测试版下载:http://www.cnblogs.com/Charltsing/p/ACM3.html 您有任何功能需求,欢迎QQ 5 ...