18910140161

html中select的各种用法总结

顺晟科技

2021-06-16 10:30:48

253

1)选择的隐藏和显示:

$(“选择列表”)。风格。显示=$('选择列表')。风格。display==' block '?无' : '区块

2)选择可用不可用:

selectdisabled='value '

文件。GetElementBYID(' LevelDropList ').disabled='值不可用

文件。GetElementBYID(' LevelDropList ').disabled='值可用

超文本标记语言

SCRIPTLANGUAGE='JavaScript '

!-

//o选择列表的底部添加了一个新选项

functiononload(){

varoop=document。create ElEMENT(' OPtion ');

oOption.text='法拉利

oOption.value=' 4

ose select。add(Ooption);

}

functionfnChange(){

奥达塔。值=Ocars。选项[Ocars。selectedindex].文本"";

}

//-

/SCRIPT

/head

bodyonload='onload()'!-手工添加一个选择-

!-1使用usetheselectelementto创建drop-downlistbox-

选择名称='猫'大小='1 '

OPTIONVALUE='1'Calico

OPTIONVALUE='2 '玉米粉圆饼

OPTIONVALUE='3 '选择的议会

/SELECT

P

!-2选择元素创建了多项选择列表框,方法是设置了大小和多个的标签属性。要获得多项选择列表框的选中选项,则须遍历选择集合并检查挑选是否被设为真的。-

SELECTID=' ose select ' NAME=' Cars ' size=' 3 '倍数!-此处设置了3和多重-

OPTIONVALUE='1'SELECTEDBMW

OPTIONVALUE='2 '保时捷

选项值=' 3 '选择了描述

/SELECT

P

!- 3以下演示[计]选项的用法-

SELECTID=' OcarS ' SiZe=' 1 ' OnChange=' fnChange()'

OPTIONVALUE='1 '宝马

OPTIONVALUE='2 '保时捷

OPTIONVALUE='3 '选定大奔

/SELECT

P

TEXTAREID=' OData '/TEXTAREA

/body

/html

附:一些挑选的技巧

1.动态创建挑选

functioncreateSelect(){

varmy select=document。createElement(' select ');

我的选择。id='我的选择';

文件。尸体。appendchild(我的选择);

}

2.添加选项选择权

functionaddOption(){

//根据编号查找对象,varobj=document。GetElementbyID(' my select ');

//添加一个选项obj.add(newOption('文本','值'));}

3.删除所有选项选择权

functionremoveAll(){

var obj=文档。GetElementbyID(' my select ');

obj。选项。长度=0;

}

4.删除一个选项选择权

functionremoveOne(){

var obj=文档。GetElementbyID(' my select ');

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

varindex=obj.selectedIndex

obj。选项。remove(索引);

}

5.获得选项选择权的值

var obj=文档。GetElementbyID(' my select ');

瓦兰代克斯=obj.selectedIndex//序号,取当前选中选项的序号

varval=obj.options[index].价值;

6.获得选项选择权的文本

var obj=文档。GetElementbyID(' my select ');

瓦兰代克斯=obj.selectedIndex//序号,取当前选中选项的序号

varval=obj.options[index].文本;

7.修改选项选择权

var obj=文档。GetElementbyID(' my select ');

瓦兰代克斯=obj.selectedIndex//序号,取当前选中选项的序号

var val=obj。options[index]=NewOption('新文本','新值');

8.删除挑选

functionremoveSelect(){

varmy select=document。getelementbyid(' my select ');

我的选择。父节点。移除子级(我的选择);

}

9.设置选择选项被中

functionremoveSelect(){

//向办件人员下拉列表动态添加员工

for(vari=0;ijson . lenhei){

varnewOption=newOption(json[i]).empname,json[i].empid,I);

//向办件人员下拉列表添加员工信息

objdeal。选项。添加(新选项);

//客户业务员的身份不为空

if(empbydeaempid!=' ' | | empbyDealEmpId!=0){

//员工编号等于下拉列表中的值,则下拉列表被选中

if(empbydeaempid==Objdeal。选项[一].值){

//判断此下拉列表被选中

objDeal.options[i].选择=真

本文转载自中文网

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航