`
TonyBug
  • 浏览: 16308 次
  • 性别: Icon_minigender_1
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

JS对select动态添加options操作方法

阅读更多
<select id="ddlResourceType" onchange="getvalue(this)">
</select>

    动态删除select中的所有options:
       document.getElementByIdx("ddlResourceType").options.length=0;
     动态删除select中的某一项option:
       document.getElementByIdx("ddlResourceType").options.remove(indx); 
     动态添加select中的项option:
       document.getElementByIdx("ddlResourceType").options.add(new Option(text,value));
     上面在IE和FireFox都能测试成功,希望以后你可以用上。
其实用标准的DOM操作也可以,就是document.createElement,appendChild,removeChild之类的。
取值方面
    function getvalue(obj)
     ...{
         var m=obj.options[obj.selectedIndex].value
         alert(m);//获取value
         var n=obj.options[obj.selectedIndex].text
         alert(n);//获取文本
     }
分享到:
评论

相关推荐

    javascript操作Select标记中options集合

    这篇博客“javascript操作Select标记中options集合”深入探讨了如何利用JavaScript动态地管理和操作这些选项。以下是关于这个主题的一些关键知识点: 1. **DOM操作**:在JavaScript中,我们可以使用DOM(Document ...

    JS 将select options 排序

    在JavaScript中,对HTML Select元素中的options进行排序是一项常见的需求,特别是在动态生成或者处理用户输入数据时。本文将深入探讨如何实现这一功能,并提供一个实际的示例代码。 首先,我们需要理解...

    javascript Select标记中options操作方法集合

    javascript操作Select标记中options集合 先来看看options集合的这几个方法: options.add(option)方法向集合里添加一项option对象; options.remove(index)方法移除options集合中的指定项; options(index)或options...

    js操作select相关方法

    以上代码展示了JavaScript操作`select`元素的一些常见方法。首先,`jsSelectIsExitItem`函数用于检查`select`中是否存在指定`value`的选项。如果存在,它将返回`true`,否则返回`false`。接着,`jsAddItemToSelect`...

    Js操作Select大全(取值、设置选中等等)

    ### Js操作Select大全知识点详解 #### 一、概述 JavaScript(简称JS)是网页开发中不可或缺的一部分,尤其在处理用户界面交互方面具有重要作用。本文档将详细介绍如何利用原生JavaScript和jQuery来操作`&lt;select&gt;`...

    js控制select相关方法

    这个标签用于创建下拉列表,可以通过JS来实现对下拉列表的选择、添加、删除和更新等操作。以下是对标题和描述中提到的JavaScript控制`select`相关方法的详细说明: 1. **判断 select 选项中 是否存在 Value=...

    js操作select控件大全

    js 操作 select 控件大全是 JavaScript 中对 select 控件的各种操作的集合,包括新增、修改、删除、选中、清空、判断存在等多种操作。下面将对这些操作进行详细的介绍和讲解。 一、 判断 select 选项中是否存在 ...

    js 操作select和option

    通过 JavaScript,我们可以实现对这些元素的动态操作,包括创建、添加、删除选项等。下面将详细介绍如何使用 JavaScript 来操作 `&lt;select&gt;` 和 `&lt;option&gt;`。 #### 1. 动态创建 Select 控件 ```javascript function...

    javascript_select_option_操作详解.txt

    ### JavaScript Select Option 操作...通过以上方法,我们可以非常方便地对 `&lt;select&gt;` 和 `&lt;option&gt;` 进行各种操作,满足网页开发中的各种需求。这些方法不仅能够帮助开发者更好地管理表单数据,还能提高用户体验。

    JavaScript操作select大全

    本文档提供了详细的JavaScript操作`&lt;select&gt;`元素的方法,包括判断选项是否被选中、增删改选项及其属性等实用功能。下面将详细介绍这些方法。 #### 一、判断是否选中 **功能描述:** 判断指定值的`&lt;option&gt;`元素...

    使用js对select动态添加和删除OPTION示例代码

    在JavaScript中,对HTML元素进行操作是常见的任务,特别是对于`&lt;select&gt;`元素,我们经常需要动态地添加或删除`&lt;option&gt;`标签来更新用户界面。以下是对标题和描述中涉及的知识点的详细说明: **动态添加选项(Option...

    js 动态新增改变删除select的值

    ### JavaScript 操作 Select 元素知识...以上介绍了通过 JavaScript 对 `&lt;select&gt;` 元素进行动态操作的一些常用方法。这些方法可以帮助开发者更灵活地管理 `&lt;select&gt;` 元素及其选项,提高用户体验并实现更强大的功能。

    js操作select大全 转

    根据给定的信息,本文将对JavaScript操作`&lt;select&gt;`元素的方法进行详细介绍,这些方法涵盖了创建、选择、删除选项等操作。 ### 1. 检查`&lt;select&gt;`元素是否存在值为`paraValue`的项 ```javascript function ...

    html最全的js javascript操作select 下拉框

    `&lt;select&gt;`元素是网页表单中用于创建下拉列表的关键部分,而通过JavaScript,我们可以动态地添加、删除、移动选项,甚至调整它们的位置,从而增强用户体验和功能灵活性。 ### 一、添加`&lt;option&gt;`至`&lt;select&gt;` ####...

    JavaScript对Select的操作.doc

    本文将深入探讨如何使用JavaScript来操作Select及其内部的Option。 1. **动态创建 Select** 使用`document.createElement("select")`可以创建一个新的`&lt;select&gt;`元素。接着通过`id`属性设置其唯一标识,并用`...

    Js操作Select大全.doc

    如果不存在,就创建一个新的`Option`对象,并使用`add`方法将其添加到`&lt;select&gt;`的`options`集合中,同时显示一个成功提示。 3. **从select中删除选项** 使用`jsRemoveItemFromSelect`函数,我们可以根据指定的`...

Global site tag (gtag.js) - Google Analytics