分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

html学习总结之select控件的使用

发布时间:2023-09-06 01:15责任编辑:熊小新关键词:暂无标签

select控件是表单中的很常见的控件,总结记录其使用方法:

1、在html中添加表单控件的代码:

1 请选择学历:2 ??<select name="xueli" id="xueli">3 ????<option value="00">未知</option>4 ????<option value="01">初中</option>5 ????<option value="02">高中</option>6 ????<option value="03">中专</option>7 ????<option value="04">大专</option>8 ????<option value="05">大学</option>9 ??</select>

使用<select>标签定义控件。使用<option>标签定义选项,value特性表达发送到服务器的值(上例中是00到05),选项的文本(上例中是未知到大学)在操作时显示。


2、获取当前所选项的索引、值和文本,动态增加可选项,删除可选项,枚举可选项的代码

//获取控件var xl=document.getElementById("xueli");//获取当前所选项目alert(xl.selectedIndex);alert(xl.options[xl.selectedIndex].value);alert(xl.options[xl.selectedIndex].text);//动态增加可选项目xl.options.add(new Option("硕士","06"));xl.options.add(new Option("博士","07"));//删除可选项xl.options.remove(xl.selectedIndex);//枚举可选项for(var p in xl.options){ ?console.log(p,xl.options[p].value,xl.options[p].text);}

html学习总结之select控件的使用

原文地址:http://www.cnblogs.com/womenbuyiyang/p/7617983.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved