`

动态创建option的两种方式

阅读更多
动态创建option 以前使用的方式是:

var option=document.createElement("option");

option.text = linkman[i]; option.value = linkman[i];

document.forms[0].to.options.add(option);

(注:linkman[i]是通过ajax获得的用户名信息,document.forms[0].to 是页面中的一个select对象)

今天发现还有另外一种形式:

var destList_me = document.forms[0].to;

var len = destList_me.length;

destList_me.options[len] = new Option(linkman[i], linkman[i]); // 第一个参数是text 第二个参数是 value len++;

两种方式各有特点,根据情况而确定使用哪种方式。

<body> <form name="" action="">

<select name="to"></select> 

</form></body>

 

分享到:
评论

相关推荐

    jquery动态添加option示例

    总之,jQuery提供了一种简单易用的方式来动态管理`<select>`元素中的`<option>`,使得在网页开发中创建和更新下拉列表变得更加灵活和高效。无论你是新手还是经验丰富的开发者,理解并熟练掌握这些技术都将对你的项目...

    js 操作select和option

    动态创建 Select 控件 ```javascript function createSelect() { // 创建一个新的 select 元素 var mySelect = document.createElement("select"); // 设置该 select 元素的 id mySelect.id = "mySelect"; //...

    jquery动态添加以及遍历option并获取特定样式名称的option方法

    在Web开发中,jQuery库提供了一种简洁的方式来操作DOM元素,包括动态添加和遍历`<option>`元素。在给定的示例中,主要涉及了两个关键知识点:使用jQuery动态添加`<option>`元素到`<select>`下拉列表中,以及遍历这些...

    两种方式生成可输入下拉框。

    本文将详细探讨两种方式来实现这一功能,同时结合提供的`inputbox.html`文件,我们可以推测这是一个用于演示如何创建可输入下拉框的HTML示例。 1. **HTML5 `<datalist>`元素** HTML5引入了一个新的`<datalist>`...

    JS & JQuery 动态添加 select option

    本文将详细介绍如何使用JavaScript(JS)和jQuery两种方式来实现`<select>`元素中的`<option>`选项的动态添加,并探讨它们之间的区别。 ### JavaScript动态添加`<option>` 在纯JavaScript中,我们可以通过`document...

    jquery 动态创建元素的方式介绍及应用

    一般动态创建元素可以通过两种方式 1、Dom HTml 代码如下: var select = document.createElement(“select”); select.options[0] = new Option(“加载项1”, “value1”); select.options[1] = new Option(“加载...

    dhcp option配置 及交换机vlan配置

    DHCP(动态主机配置协议)是一种网络协议,它允许网络管理员自动分配IP地址、子网掩码、默认网关等网络参数给网络中的设备。DHCP Option是DHCP协议中的一部分,它允许在DHCP响应消息中包含额外的信息,以满足特定的...

    eCharts地图344个县区(附带两种方式demo)

    在“附带两种方式demo”中,我们可以推测有两种不同的方法来实现县区级别的地图展示。一种可能是通过预定义的地图数据集,eCharts已经内置了一些常见的地理信息,用户可以直接引用。另一种可能是通过自定义地图,这...

    jQuery 操作option的实现代码

    在这个场景中,我们需要关注两个主要的jQuery操作:清空Option元素和动态创建Option元素。 首先,清空Select中的所有Option元素。在纯JavaScript中,这通常涉及到循环遍历Option元素并将它们的文本内容置空。然而,...

    利用js给datalist或select动态添加option选项的方法

    在示例中,提供了两种方法: 1. **纯 JavaScript 实现**: 使用 `document.createElement("option")` 创建一个新的 `option` 元素,然后通过 `setAttribute` 方法设置其 `label` 和 `value` 属性,最后使用 `...

    动态添加option及createElement使用示例

    在网页开发中,有时我们需要根据用户的操作或者服务器的反馈动态地向页面元素中添加内容,例如在下拉选择框(`<select>`)中添加新的选项(`<option>`)。这个例子展示了如何使用JavaScript的`createElement`方法和`...

    Matrix与Option比较

    在处理图片时,我们常常会遇到两种主要的图片操作方法:Matrix和BitmapFactory.Options。这两种方法在处理图像时各有其特点和适用场景,理解它们的差异有助于优化图片加载和显示,从而提升应用性能。 首先,我们来...

    JS 通过系统时间限定动态添加 select option的实例代码

    在JavaScript中,动态地向`<select>`元素添加`<option>`是常见的需求,尤其是在创建交互式表单或实现特定功能时。这个实例代码展示了一种根据系统当前时间和条件来决定是否添加特定选项的方法。下面将详细解释这个...

    JS动态添加option和删除option(附实例代码)

    在示例中,首先调用createSelect函数创建了一个select元素,然后调用show函数为select元素添加了两个option。此外,还展示了如何通过JavaScript修改选中的option的值或文本以及如何删除select元素。在实际开发过程中...

    jQuery联动下拉框 jQuery optionTree

    在联动下拉框的场景中,jQuery可以帮助我们快速响应用户的交互,动态地更新DOM元素,如创建、删除或修改option元素。 optionTree插件是基于jQuery的一个扩展,它的设计目标是构建具有层级结构的联动下拉框。在一些...

    javaScript实现级联效果的两种写法

    下面将详细介绍两种常见的JavaScript实现级联效果的方法。 方法一:HTML与JavaScript内联事件 1. HTML结构:首先,我们需要创建一个包含多个`<select>`元素的结构,每个`<select>`代表一个级别的选项。 ```html ...

    基于jquery的关于动态创建DOM元素的问题

    以下是两种推荐的方法: **方法一:使用原生DOM API** 原生DOM API提供了一套标准的方法来创建和操作元素。例如,可以使用`createElement`创建新的元素,`options`来创建`option`元素,以及`appendChild`将新元素...

    javascript与jquery动态创建html元素示例

    下面将详细讲解这两种技术如何动态创建HTML元素,并通过示例进行演示。 ### JavaScript动态创建元素 在JavaScript中,我们可以使用`document.createElement()`方法创建新的HTML元素。例如,要创建一个`<select>`...

Global site tag (gtag.js) - Google Analytics