option对象

转载 2004年06月29日 11:52:00
<html>
<head>
<title>添加与删除Option对象</title>
<script language="JavaScript">
// 添加选项
function addOption(pos){
    var objSelect = document.myForm.mySelect;
    // 取得字段值
    var strName = document.myForm.myOptionName.value;
    var strValue = document.myForm.myOptionValue.value;
    // 建立Option对象
    var objOption = new Option(strName,strValue);
    if (pos == -1 & pos > objSelect.options.length)
       objSelect.options[objSelect.options.length] = objOption;
    else
       objSelect.add(objOption, pos);
}
// 删除选项
function deleteOption(type){
    var objSelect = document.myForm.mySelect;
    if (type == true)
       objSelect.options[objSelect.selectedIndex] = null;
    else
       objSelect.remove(objSelect.selectedIndex);
}
// 显示选项信息
function showOption(objForm){
    var objSelect = objForm.mySelect;
    var name = objSelect.options[objSelect.selectedIndex].text;
    var value = objSelect.options[objSelect.selectedIndex].value;
    alert(name + " = " + value);
}
</script>
</head>
<body>
<h2>添加与删除Option对象</h2>
<hr>
<form name="myForm">
<select name="mySelect">
<option value="中国" Selected>中国</option>
<option value="日本">日本</option>
<option value="美国">美国</option>
</select>
<input type="button" onclick="showOption(this.form)" value="显示">
<input type="button" onclick="deleteOption(true)" value="删除">
<input type="button" onclick="deleteOption(false)" value="Remove方法"><br><br>
选项名称 : <input type="text" name="myOptionName" value="英国"><br>
选项的值 : <input type="text" name="myOptionValue" value="value4">
<input type="button" onclick="addOption(-1)" value="添加">
<input type="button" onclick="addOption(0)" value="插入">
</form>
</body>
</html>

Option 和 Select 对象的基本使用

Option 和 Select 对象的基本使用,这是两个很常用到的标签(这里主要是介绍属性的使用)   这里是代码的样板 //js的方法 function disable() ...
  • sky_zq16
  • sky_zq16
  • 2016年10月27日 23:25
  • 782

js的 select对象 和Option对象 小结

Select 对象 Select 对象代表 HTML 表单中的一个下拉列表。 在 HTML 表单中, 标签每出现一次,一个 Select 对象就会被创建。 您可通过遍历表单的 ele...
  • liaochen09
  • liaochen09
  • 2016年06月17日 10:43
  • 321

Echarts后台option对象

最近在工作中使用到了Echarts来制作图表,在网上搜了好多例子几乎都是千篇一律的在前台写死一些js,然后把变量通过ajax或者遍历集合的方式插进去,这样子一旦某一页面的图表一多,就会异常混乱,偶然在...
  • u012959829
  • u012959829
  • 2014年12月04日 15:07
  • 9014

授权中的with admin option和with grant option

oracle: 当给一个用户授予系统权限时带上with admin option,他可以把此权限授予给其他用户、角色,而在revoke授予给这个用户的系统权限时不会级联回收他授予给其他用户的权限。如...
  • icexuan007
  • icexuan007
  • 2014年09月20日 20:19
  • 2571

js select option对象

一基础理解: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //创建...
  • aionbo
  • aionbo
  • 2016年12月24日 16:38
  • 83

详解Scala的Option的模式匹配

详解scala的Option的模式匹配
  • kwu_ganymede
  • kwu_ganymede
  • 2016年05月12日 15:22
  • 1524

ie8 对于select标签<option>属性的text属性不支持的一种情况

在IE8测试联动的时候,发现通过动态创建页面元素option,并给其赋值text和value值的时候,发现text没有在页面显示出来,value却正常显示,当遇到这种情况时候,使用opiton.inn...
  • u010796875
  • u010796875
  • 2015年02月28日 10:12
  • 1156

jquery操作select(option)的取值,设置和选中

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。 比如 Volvo Saab Opel Audi 1、设置value为pxx的项选中  ...
  • qq_27709465
  • qq_27709465
  • 2017年08月15日 09:28
  • 1679

oracle权限with admin option和with grant option的用法

1、with admin option with admin option的意思是被授予该权限的用户有权将某个权限(如create any table)授予其他用户或角色,取消是不级联的。 如授予...
  • fjseryi
  • fjseryi
  • 2016年04月15日 13:52
  • 2164

oracle授权时“with admin option”与“with grant option”的区别

虽然“授人以鱼,不如授之以渔”出自中国古语,但却不影响oracle精之其髓。oracle中授权使用:grant create session to testuser;如果说这里被授予的权限“creat...
  • dongdong9223
  • dongdong9223
  • 2015年08月12日 15:34
  • 4514
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:option对象
举报原因:
原因补充:

(最多只允许输入30个字)