`
txf2004
  • 浏览: 7069381 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js如何向select选项中插入新值

阅读更多

通过以下的函数,你可以轻松实现向select插入新的item值

//2.向select选项中 加入一个Item
function jsAddItemToSelect(objSelect,objItemText,objItemValue)
{
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue))
{
alert("该Item的Value值已经存在");
}
else
{
var varItem = new Option(objItemText,objItemValue);
// objSelect.options[objSelect.options.length] = varItem;
objSelect.options.add(varItem);
alert("成功加入");
}
}

http://www.corange.cn/archives/2008/10/2114.html

分享到:
评论

相关推荐

    js之Select用法

    - 添加选项:`selectElement.add(newOption, referenceOption)`,其中`newOption`是新创建的`option`元素,`referenceOption`是插入新选项的位置参照。 - 删除选项:`selectElement.removeChild(optionElement)`,...

    js实现动态生成select中的option

    在JavaScript编程中,动态生成`select`元素中的`option`是一项常见的需求,特别是在网页交互或者数据展示时。本文将深入探讨如何使用JavaScript实现这一功能,同时结合提供的`autoSelect.html`和`autoselect.txt`...

    select下拉列表显示图片内容

    有许多现成的JavaScript库和插件,如`Chosen`、`Select2`、`Optgroup`等,它们扩展了`select`元素的功能,支持在选项中添加图片。这些插件通常提供了丰富的API和自定义选项,可以方便地与现有的项目集成。 3. **...

    下拉框的内容通过js插入到table中

    当用户选择下拉框中的一个选项时,我们可以监听`onchange`事件,然后在事件处理函数中获取选中的选项并插入到表格中: ```javascript dropdown.onchange = function() { var selectedOption = this.options[this....

    向元素中动态添加option

    这篇博客“向<select>元素中动态添加option”探讨的就是如何在JavaScript或jQuery的帮助下,实现在用户界面中动态地向`<select>`元素添加选项。 JavaScript是一种广泛使用的客户端脚本语言,它可以操作HTML元素,...

    js操作select相关方法

    本篇文章将详细讲解如何使用JavaScript来操作这些`select`元素,包括选择、添加、删除、获取和设置选项,以及监听事件。 ### 1. 获取Select元素 首先,我们需要获取到`select`元素。可以使用`document....

    JavaScript操作select&&table

    这里通过`document.getElementById`获取到了之前创建的`<select>`元素,并通过`add`方法向其中添加了一个新的`<option>`元素。参数“文本”表示选项显示的文本,“值”则表示该选项的实际值。 ##### 3. 删除所有...

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

    此函数可将一个新选项插入到指定位置。除了`oSelect`和新选项的`optionValue`与`optionText`外,还需要提供`position`参数来确定插入的位置。 ```javascript function addOptionAtPosition(oSelect, optionValue, ...

    JavaScript模拟select

    5. **处理用户交互**:当用户在列表中选择了一个选项后,更新文本框的值,并关闭下拉列表。 #### 四、具体实现细节 - **兼容性处理**:为了确保代码能够在不同版本的IE浏览器中正常运行,开发者在生成隐藏的select...

    select option带自定义图片

    当用户选择一个选项时,`<select>`的`change`事件触发,重新渲染选项以反映新的选择。 CSS样式是使这个功能美观的关键: ```css .custom-select { position: relative; display: inline-block; } .custom-...

    一个select下拉的js脚本

    - `add(option, beforeIndex)`: 向`select`中插入新的`option`,`beforeIndex`表示插入位置的索引。 - `remove(index)`: 从`select`中移除指定索引的`option`。 8. CSS样式: 除了JavaScript操作,还可以使用CSS...

    bootstrap-select2-ztree.zip

    5. **将ZTree嵌入Select2**:由于Select2默认不支持复杂内容(如树结构),我们需要自定义渲染函数,将ZTree的内容插入到Select2的选项中。这通常涉及到Select2的`templateResult`和`templateSelection`回调函数。 ...

    JS 将select options 排序

    5. **重新插入排序后的`<option>`**:由于`sort()`方法不会改变DOM结构,所以排序后需要将新的`<option>`数组重新插入到`<select>`元素中。可以使用`removeChild`和`appendChild`方法完成此操作。 以下是一个简单的...

    自定义带图标的select,只需把图标地址写在option的title属性中即可

    总结来说,这个基于jQuery的自定义下拉框JS插件通过将图标地址插入到`<option>`的`title`属性中,实现了带图标的下拉框,支持选项分组,使得原本单调的`<select>`元素变得更加生动和易用。对于任何希望提升网站或...

    jQuery为动态生成的select元素添加事件的方法

    这个操作会把新的HTML字符串插入到页面的DOM中,从而使得select元素变得可用。 7. 绑定事件到动态元素:文章最后部分展示了如何为动态生成的select元素绑定事件处理器。通过`$.on()`方法,即使元素是后来添加到页面...

    可文本输入的下拉框select

    用户可以选择列表中的一个项,或者继续输入以创建新的值。这种设计通常需要监听输入框的`input`事件,并根据输入内容更新下拉列表。 例如,我们可以使用JavaScript和HTML来构建一个基础版本: ```html <select id=...

    Bootstrap下拉框功能增强插件Bootstrap-select.js

    4. **自定义内容和图标**:Bootstrap-select.js允许开发者自定义每个选项的内容,包括插入图标或者HTML元素,这使得下拉菜单更加直观和生动,能更好地传达信息。 5. **高度可定制化**:配合CSS和Sass文件,开发者...

    react-可视化操控左右多选select的React组件

    在React开发中,创建一个可视化操控的左右多选Select组件是一项常见的需求,特别是在构建复杂的用户界面时。这个组件允许用户通过直观的交互方式在两个选择框之间移动选项,从而实现多选功能。以下是对该React组件...

    超好用的select标签-带api

    在网页开发中,`<select>` 标签是用于创建下拉列表的元素,它可以提供多个选项供用户选择。在本篇文章中,我们将深入探讨如何使用`<select>`标签,并结合JavaScript API,来实现更丰富的交互功能。我们将涵盖以下几...

Global site tag (gtag.js) - Google Analytics