option对象

最新推荐文章于 2024-05-21 14:15:14 发布
最新推荐文章于 2024-05-21 14:15:14 发布
阅读量1.2k 收藏
点赞数
分类专栏： JavaScript 文章标签： button input function javascript html null
<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" οnclick="showOption(this.form)" value="显示">
<input type="button" οnclick="deleteOption(true)" value="删除">
<input type="button" οnclick="deleteOption(false)" value="Remove方法"><br><br>
选项名称 : <input type="text" name="myOptionName" value="英国"><br>
选项的值 : <input type="text" name="myOptionValue" value="value4">
<input type="button" οnclick="addOption(-1)" value="添加">
<input type="button" οnclick="addOption(0)" value="插入">
</form>
</body>
</html>
kingapex1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈下拉菜单中的Option对象
09-03
Option 对象代表 HTML 表单中下拉列表中的一个选项。在 HTML 表单中 <option> 标签每出现一次，一个 Option 对象就...您可通过表单的 elements[] 数组访问一个 Option 对象，或者通过使用 document.getElementById()。
java option对象,javascript-- select option对象总结
weixin_29048309的博客
03-12 422
1一基础理解:23vare=document.getElementById("selectId");45e.options=newOption("文本","值");67//创建一个option对象,即在标签中创建一个或多个文本89//options是个数组,里面可以存放多个文本这样的标签10111:options[]数组的属性:1213length属性---------长度属性1415se...
Scala知识点31---Option对象
别人笑我太疯癫，我笑他人看不穿。
03-04 317
Scala Option(选项)类型用来表示一个值是可选的（有值或无值)，其实主要的目的是因为Scala不建议我们直接使用null去标识一个为空的数据 在Scala中认为直接使用null是不好的，因此才出现了Option对象 比如Option[T] 是一个类型为 T 的可选值的容器 当我们调用方法取值的时候，如果值存在， Option[T] 就返回一个 Some[T] 的结果，如果不存在， Option[T] 返回的结果是一个 None对象 。 ...
Echarts后台option对象
weixin_41649106的博客
02-13 1333
最近在工作中使用到了Echarts来制作图表，在网上搜了好多例子几乎都是千篇一律的在前台写死一些js，然后把变量通过ajax或者遍历集合的方式插进去，这样子一旦某一页面的图表一多，就会异常混乱，偶然在开源中国看到有人做成了个Echarts对象的jar包，在后台进行完美封装传回一个option在前台接收了并set进option即可。试了试，效果非常好。 下面给出例子代码： 该方法返回的keywor...
JavaScript之Select和Option对象
HNUYSY的博客
07-06 1362
Select 代表HTML表单中的一个下拉列表 Select对象常用属性、方法和事件 Option 代表HTML表单中下拉列表中的一个选项 在HTML表单中标签每出现一次，一个Option对象就会被创建 Option对象常用属性 text：设置或返回某个选项的纯文本值 value：设置或返回被送往服务器的值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
将select选中的option的value放进表单的input中
Rhine_danji_ys的博客
12-19 1359
直接上代码： html: <select id="attr0" onchange="setInput3(this)" class="select1"> <option value="">请选所属小类</option> <option value="1">1食品</option> <option val...
js select option对象小结
12-10
//创建一个option对象,即在<select>标签中创建一个或多个<option value=”值”>文本</option> //options是个数组,里面可以存放多个<option value=”值”>文本</option>这样的标签 1:options[ ]数组的属性: ...
JS动态添加与删除select中的Option对象(示例代码)
10-26
本篇文章主要介绍了JS动态添加与删除select中的Option对象(示例代码) 需要的朋友可以过来参考下，希望对大家有所帮助
HTMLSelect中操作Option对象
qq_36689178的博客
08-09 2086
HTML 通过Select对象操作Option对象 select 对象其实是一个包含 option 对象数组的复合对象。 select 对象 select 对象最重要的属性是 selectedIndex，即当前被选中的框中的文本的索引值 用法为： formObject.selectName.selectedIndex option 对象 创建一个 option 对象，即在 标签...
click--命令行神器中的option
qq_40971025的博客
03-04 598
1.最基本的option是单值的，如果没有指定类型，那么则为string。option的默认值用default指定。 @click.command() @click.option('--n', default=1) def dots(n): click.echo('.' * n) 执行$ dots --n=2，输出… 2.多值选项 当参数的值大于1个是，用参数nargs指定参数个数，...
javascript select option对象总结(转载)
weixin_33906657的博客
04-03 244
一、基础理解： var e = document.getElementById("selectId"); e.options = new Option("文本", "值"); //创建一个option对象，即在<select>标签中创建一个或多个<option value="值">文本</option>。options是一个...
Option 和 Select 对象的基本使用
sky_zq16的博客
10-27 2453
Option 和 Select 对象的基本使用，这是两个很常用到的标签（这里主要是介绍属性的使用）   这里是代码的样板 //js的方法 function disable()   { //启动下拉列表   document.getElementById("mySelect").disabled=true;   } function enable()   { //
select option操作大全
mz_hj的博客
06-11 586
&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;&lt;title&gt;JS动态添加删除option&lt;/title&gt;&lt;script&gt;//动态删除select中的所有options：function
js的 select对象 和Option对象 小结
liaochen09的博客
06-17 3555
Select 对象 Select 对象代表 HTML 表单中的一个下拉列表。 在 HTML 表单中， 标签每出现一次，一个 Select 对象就会被创建。 您可通过遍历表单的 elements[] 数组来访问某个 Select 对象，或者使用 document.getElementById()。 Option 对象 Option 对象代表 HT
Echarts-java后端封装option--（一）柱状图/折线图 测试用例
木枫
08-17 9976
最近由于要使用到百度的echarts来做图表的展示，近些天一直在学习echarts的使用，说实话百度echarts的官方文档对于前端通过js来完成图表的展示，确实有很方便之处，但是对于某些数据的处理和赋值都在前端完成确实有些繁琐，国人对于这方面矢志不渝，在后端通过封装好option对象然后转成json传到前端 极大的简化了前端对option的操作。这里就简单的写一些后端对option对象的封装。首先
openlayers绘制经纬网格，有添加或者移除功能
最新发布
qq_52959651的博客
05-21 121
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 200
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
(Vue3+TS+Volar) 全局组件配置类型声明的最佳实践
从今年开始写写博客~~
05-14 245
简评：Volar官方全局组件的推荐写法，基于Volar，必须安装该插件，GlobalComponents是Volar专门为了解决全局组件类型而新增的类型接口。定义全局组件：使用GlobalComponents类型接口声明类型。
有没有把option对象放进data中的方法
05-27
可以将 `option` 对象放到 `data` 中，并在异步请求数据成功之后再更新 `option` 对象的数据。具体的代码如下所示： ``` ;width: 600px;"> import * as echarts from 'echarts'; import { getStatisics } from...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值