javascript当中options的用法

最新推荐文章于 2023-08-04 09:00:58 发布
最新推荐文章于 2023-08-04 09:00:58 发布
阅读量3.4k 收藏 1
点赞数
分类专栏： javascript 文章标签： javascript selectedIndex  new Option  new Option
原文链接：https://blog.csdn.net/mark_to_win/article/details/88679615
版权

6.options
马克-to-win：选择列表
例 6.1（SelectOptionAddIEFF.html）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <TITLE>
    </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
        <!--
        /* a typical value is that document.getElementById("province").options[1]="河北", document.getElementById("city").options[1]= arr[0][1]= "石家庄" */
        var arr = new Array(
                new Array("河北", "邯郸","石家庄"),
                new Array("山东", "济南", "枣庄", "威海"),
                new Array("河南", "开封", "郑州", "洛阳",  "南洋")
        );

        function setProvinces()
        {
            /* arr.length is the row number of arr, arr[i][0] the first column. in other words, 河北,山东,河南   */
            for (var i = 0; i < arr.length; i++)
            {   /*加到option最后,new Option(str1,str2)str1 是页面中看到的描述,而str2是这一项的值*/
                document.getElementById("province").options[i + 1] = new Option(arr[i][0], arr[i][0]);
            }
        }
        function setCity(i)
        {   alert(i+" "+document.getElementById("province").selectedIndex+document.getElementById("province").value+document.getElementById("province").options[document.getElementById("province").selectedIndex].text+document.getElementById("province").options[document.getElementById("province").selectedIndex].value);
            document.getElementById("city").options.length = 1;//reset city
            for (var j = 1; j < arr[i - 1].length; j++)
            {
                opt = new Option(arr[i - 1][j], arr[i - 1][j]);
                /*下面两种写法的结果是一样的*/
                //         document.getElementById("city").options[j] = new Option(arr[i - 1][j], arr[i - 1][j]);
                document.getElementById("city").add(opt,document.getElementById("city").options.length);//第二个参数指定元素放置所在的索引号
            }
//            objSelect.add(objOption, objSelect.selectedIndex);
        }
        //-->
    </SCRIPT>
</HEAD>
 

更多请见：http://www.mark-to-win.com/tutorial/js_6_newOption.html

仔仔尔
关注
专栏目录
JS中的OPTIONS请求
xie_bro的博客
08-26 5423
JS中的OPTIONS请求 之所以写这篇博文，是因为在运行js代码时出现OPTIONS请求，就去查了相关的资料。 在MDN中对OPTIONS请求方法是这样定义的： 用于获取目的资源所支持的通信选项。客户端可以对特定的 URL 使用 OPTIONS 方法，也可以对整站（通过将 URL 设置为“*”）使用该方法。 语法： OPTIONS /index.html HTTP/1.1 OPTIONS * HTTP/1.1 -------------------再去看看HTTP协议中的相关说法！！！---------
JS对select操作
weixin_34327761的博客
01-30 658
  1.动态创建select       function createSelect(){ var mySelect = document.createElement("select");          mySelect.id = "mySelect";           document.body.appendChild(mySelect);      } 2.添加选项option...
js option
小田同學的博客
04-26 1106
1、获取选中select的value和text,html代码如下：<select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select>则可通过以下script代码s来获取选中的value和te
js option 操作
记录点滴.......
03-03 159
[code="html"] option all 供选选项 Properties 1 Properties 2 Properties 3 Prop...
javascript options属性集合操作代码
10-29
JavaScript中的`options`属性集合是用于操作HTML `<select>`元素中的`<option>`子元素的。这个集合允许我们创建、删除、修改或者遍历下拉列表中的选项。在这个集合中，每个`option`对象都有其特定的属性和方法，使得...
javascript Select标记中options操作方法集合
10-30
在JavaScript中，`select`元素的`options`属性是一个选项集合，用于操作下拉列表中的所有选项。这个集合提供了一系列的方法来添加、删除、访问和修改`option`元素。以下是一些关键的操作方法： 1. **`options.add...
javascript select options 排序(保持option 对象完整性)
10-29
在JavaScript中，`<select>`元素的`options`属性是一个选项列表，用于存储`<option>`元素。在处理用户界面时，有时我们需要根据特定规则对这些选项进行排序，例如按字母顺序排列。在这个场景中，"javascript select ...
Vue的Options用法说明
10-14
总之，Vue的Options API提供了一种系统化的方法来组织代码，使得组件的可读性更强，逻辑更清晰。它通过定义选项来控制组件的行为，包括数据、方法、生命周期钩子等，是Vue开发中不可或缺的一部分。
JS事件OPTION事件触发
02-29
JAVASCRIPT 实现OPTION的事件触发
相当难得的js option 参考
qsfwy的专栏
11-25 144
This is an option box: &lt;form name="testform"&gt; &lt;select name="testselect"&gt; &lt;option value="first"&gt;first option&lt;/option&gt; &lt;option value="second"&gt;seco
js中的option
weixin_30262255的博客
12-20 253
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8...
javascript学习之＜option＞ 元素属性及方法
最新发布
白话机器学习
08-04 929
option>元素表示下拉框（或）里面的一个选项。它是 HTMLOptionElement 接口的实例。
js:jquery插件jquery.form.js options简介
XingyiGao的博客
07-13 2242
【概述】在上一篇博客jquery插件jquery.form.js API简介当中介绍了jquery form插件的API，这一篇博客介绍一下ajaxForm和ajaxSubmit的options（一些参数以及回调函数）。除了下文中列出的options之外，该插件同样支持$.ajax的options。
js中select 中options的属性
03-03 223
Select   选择区（下拉菜单、列表）对象   由“&lt;select&gt;”指定。         属性         name   返回/设定用&lt;input   name="..."&gt;指定的元素名称。     length   返回   Select   对象下选项的数目。     selectedIndex   返回被选中的选项的下标。这个下标就是在   o...
怎样用JS给，option添加“选中”属性
后海大鲨鱼
01-17 1916
&lt;html&gt;   &lt;head&gt;       &lt;script&gt;       window.onload = function(){            var opts = document.getElementById("select");            var value = 2//这个值就是你获取的值;       if(value!=...
JS option操作
08-30 1030
Document -- 1999 2000 2001 年 -- 1 2 3 4 5 6 7 8 9 10 11 12 月 -- 日 // 事件兼容 var EventU
关于JS中option
SmallFishZhang的专栏
01-06 704
function getAllPeople(date) {   var selLen=document.myform.s2.options.length;  for(var i=0;i  {   document.myform.s2.options.remove(0);//移除  }  for(var i=0;i  {   document.myform.s2.options[document.m
JavaScript options属性集合操作代码详解
JavaScript Options 属性集合操作代码 在 JavaScript 中，options 属性集合是一个非常重要的概念，它允许开发者对 select 元素的选项进行操作和管理。在本文中，我们将详细介绍 options 属性集合的操作代码，并提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值