javascript操作select
来源:互联网 发布:生驹里奈 知乎 编辑:程序博客网 时间:2024/04/27 16:46
or var opt = new Option('北京','beijing');
1 检测是否有选中
if(objSelect.selectedIndex > -1) {
//说明选中
} else {
//说明没有选中
}
2.动态创建select
function createSelect(){
var mySelect = document.createElement_x("select");
mySelect.id = "mySelect";
document.body.appendChild(mySelect);
}
3.添加选项option
function addOption(){
//根据id查找对象,
var obj=document.getElementByIdx_x('mySelect');
//添加一个选项
obj.add(new Option("文本","值"));
}
4.删除所有选项option
function removeAll(){
var obj=document.getElementByIdx_x('mySelect');
obj.options.length=0;
}
5.删除一个选项option
function removeOne(){
var obj=document.getElementByIdx_x('mySelect');
//index,要删除选项的序号,这里取当前选中选项的序号
var index=obj.selectedIndex;
obj.options.remove(index);
}
6.获得选项option的值
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].value;
7.获得选项option的文本
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index].text;
8.修改选项option
var obj=document.getElementByIdx_x('mySelect');
var index=obj.selectedIndex; //序号,取当前选中选项的序号
var val = obj.options[index]=new Option("新文本","新值");
9.删除select
function removeSelect(){
var mySelect = document.getElementByIdx_x("mySelect");
mySelect.parentNode.removeChild(mySelect);
********************************************************************************
//设定那个选项被选中
select.options[i].selected=true
select.value="value"
select.selectedIndex = index;
//创建新的Option对象
new Option(text,value)
new option(text,value,defaultSelected,selected
text:字符串,指定option对象的text属性(即<option></option>之间的文字)
value:字符串,指定option对象的value属性
defaultSelected:布尔值,指定option对象的defaultSelected属性
selected:布尔值,指定option对象的selected属性
//向select中增加Option
select.add(new Option(text,value))
//删除
select.options.remove(index)
//一次性删除全部
select.length = 0;
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <HTML>
- <HEAD>
- <TITLE> New Document </TITLE>
- <META NAME="Generator" CONTENT="EditPlus">
- <META NAME="Author" CONTENT="">
- <META NAME="Keywords" CONTENT="">
- <META NAME="Description" CONTENT="">
- </HEAD>
- <BODY>
- <select name="actorname" id="actor">
- <option value="all">全部</option>
- <option value="hstf">黑色头发</option>
- <option value="zstf">紫色头发</option>
- <option value="bj">北京</option>
- <option value="hjyy">海军医院</option>
- <option value="kjyy">空军医院</option>
- <option value="ljyy">陆军医院</option>
- </select>
- </BODY>
- <script>
- function selectValue(sId,value){
- var s = document.getElementById(sId);
- var ops = s.options;
- for(var i=0;i<ops.length; i++){
- var tempValue = ops[i].value;
- if(tempValue == value)
- {
- ops[i].selected = true;
- }
- }
- }
- selectValue('actor','hstf');
- </script>
- </HTML>
- 用javascript操作select
- 用javascript操作select
- 用javascript操作select
- 用javascript操作select
- javascript操作select
- Javascript操作Select
- Javascript 操作select控件
- javascript select操作详解
- javascript select 的操作
- 用javascript操作select
- javascript 操作 select
- 用javascript操作select
- Javascript: 操作select标签
- JavaScript 操作 select
- javascript操作Select大全
- javascript操作Select常用
- JavaScript操作select
- javascript操作select
- 共享打印机 - CUPS
- subLevelCtrl v0.3 利用软选范围自动创建次级控制
- struts2的服务器跳转、客户端跳转、跳转类型
- WCF 客户端和服务绑定可能不匹配
- Office2010每次启动都要配置的解决办法
- javascript操作select
- 黑马程序员----基础学习,反射,享元模式17
- ReSIProcate源码目录下功能说明
- oracle 在线重定义将普通表转换成分区表
- sax解析xml
- VS2010在C盘下生成的.iTrace文件解决办法
- G-sensor & TP --- MID 驱动
- 关于c#中的Timer控件的简单用法
- java 用mad5对数据进行加密