`
PrideSnow
  • 浏览: 242025 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

js动态批量为select添加option值

htmlJavaScript 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Js create options for the select </TITLE>
<script>
function set(){
var options = new Array();
var option=null;
for(var i=0;i<5;i++){
option=new Option("text"+i,"value"+i);
options[options.length] = option;
}
setOptions("testSel",options);
}

function setOptions(selector, options){
var selector=document.getElementById(selector);
selector.selectedIndex = 0;//默认选中第一个
selector.options.length = 0;//初始化select
if (options){
for (var i = 0; i < options.length; i++){
selector.options[selector.options.length] = options[i];
}
}
}
</script>
</HEAD>

<BODY>
<div>Search Name:<select name="testSel" id="testSel"></select></div>
<div id="buttonLayer">
<input type="button" id="button_parent_saveas" name="button_parent_saveas" value="test" onClick="set();" /></br>
</div>
</BODY>
</HTML>

0
顶
0
踩
分享到：
| 手动打JAR包
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery动态添加option

    // 将新option添加到select元素的末尾 selectBox.append(newOption); ``` 在上面的代码中，我们首先创建了一个新的`&lt;option&gt;`元素，并设置了它的`value`属性和显示的文本。然后，我们通过ID选择器找到了对应的`...

    js从select1选择到select2 左边选择到右边(很好用)

    `find('option:selected')`查找所有被选中的选项，然后通过循环将这些选项的值和文本添加到select2中。如果需要，我们还可以移除select1中的已选择选项，以防止用户重复选择。 为了使功能更完善，可以添加反向操作...

    jQuery bootstrap-select下拉多选和搜索

    - `selectpicker('refresh')`: 刷新下拉框，通常在动态添加或删除选项后调用。 - `selectpicker('val')`: 获取或设置当前选中的值。 - `selectpicker('toggle')`: 打开或关闭下拉框。 - `selectpicker('destroy')`: ...

    初学DWR 动态添加选择项

    2. **调用DWR方法**：在JavaScript中，可以使用DWR的`SelectService.addOption`方法，传入select元素的ID、选项值和文本。DWR会自动发起请求到服务器，执行相应的方法，并在回调函数中处理返回的结果。 ```...

    jQuery multiple-select-master 插件

    jQuery multiple-select-master是一款基于jQuery的多选下拉框插件，它通过添加CSS样式和JavaScript功能，将传统的单行选择框转变为可滚动、可搜索、可多选的列表，使得用户能够更方便地进行多项选择。这个插件支持...

    Element-ui中 选择器（select）多选下拉框实现全选功能.zip

    为了实现全选功能，我们需要添加一个额外的选项，其值可以是一个特殊值，表示“全选”。同时，我们需要监听`@change`事件，当选择或取消“全选”时，更新所有其他选项的状态。这可以通过遍历`options`数组并改变每个...

    Jquery双向select控件Bootstrap Dual Listbox

    - 引入依赖：首先需要引入jQuery库、Bootstrap CSS和JavaScript，以及Bootstrap Dual Listbox的CSS和JS文件。 - HTML结构：创建一个带有多个`&lt;option&gt;`的`&lt;select&gt;`元素，给它添加一个特殊的类（如"class='select ...

    layui select 禁止点击的实现方法

    然而，Layui是一个动态渲染的框架，这意味着它会通过JavaScript来初始化页面上的组件。因此，我们不能直接修改HTML属性来禁用组件，而应该通过Layui的API来实现。 在使用Layui的form模块之后，我们可以通过`form....

    前端小工具 - js模拟键盘、鼠标事件给element form批量赋值

    在前端开发中，有时我们需要对页面上的表单（form）元素进行批量赋值，这通常涉及到JavaScript（js）的事件处理和DOM操作。本话题主要探讨如何利用JavaScript的Web API，如MouseEvent、InputEvent和KeyboardEvent，...

    JavaScript实现动态删除列表框值的方法

    在JavaScript中，动态删除列表框（Select元素）的值是一项常见的操作，特别是在处理用户交互或者动态更新页面内容时。在给定的示例中，它展示了如何通过JavaScript函数来删除列表框中的特定选项。以下是对这个方法的...

    JavaScript实现两个select下拉框选项左移右移

    根据提供的文件内容，我们可以提炼出以下关于JavaScript实现两个select下拉框选项左移右移的知识点： 1. 通过JavaScript实现两个下拉框间选项的转移是常见的前端技术应用场景。它允许用户通过简单的操作来移动元素...

    使用jquery实现select添加实现后台权限添加的效果

    `button1`用于批量将`select1`中的选项添加到`select2`，而`button2`用于将`select2`中的选项移回到`select1`。 接下来，我们来看jQuery代码部分。这部分代码是在文档加载完成（`$(document).ready()`）后执行的，...

    常用的js全选checkbox按钮的功能

    本文将详细讲解如何利用JS实现“全选”checkbox按钮的功能，这在许多网页表单中非常常见，例如批量选择、批量操作等场景。 一、HTML基础 在实现全选功能之前，我们需要在HTML中创建一个或多个checkbox和一个全选...

    dwr utils.js常用方法整理

    `setValues` 方法则允许一次性设置多个元素的值，参数是一个JavaScript对象，其中键为元素ID，值为目标值，便于批量更新表单状态。 ### 4. 对select的操作：addOptions()/removeAllOptions() #### addOptions() `...

    js说明文档各种函数使用方法

    6. `toselect(selectid,optionval)`：设置指定`select`元素中`optionval`对应的选项为选中状态。`selectid`是`select`元素ID，`optionval`是选项的value。 7. `checkAll(name)`：全选具有特定`name`的复选框。 8. ...

    javascript options属性集合操作代码

    JavaScript中的`options`属性集合是用于操作HTML `&lt;select&gt;`元素中的`&lt;option&gt;`子元素的。这个集合允许我们创建、删除、修改或者遍历下拉列表中的选项。在这个集合中，每个`option`对象都有其特定的属性和方法，使得...

    原生js城市选择控件_js机票城市选择_js城市选择器代码

    这通常包括一个主选择框（select元素）和若干个嵌套的子选择框（option元素）。通过`document.createElement`、`appendChild`和`innerHTML`等方法，可以动态地插入、修改或删除DOM节点。 2. **事件处理**：为了响应...

    jQuery下拉框可搜索 全选反选插件ASelect.js.zip

    jQuery作为一款强大的JavaScript库，为开发者提供了丰富的功能，使得创建动态和响应式的网页变得轻而易举。ASelect.js是一款基于jQuery的插件，它专门针对下拉框进行了优化，增加了搜索、全选和反选等功能，极大地...

    js 穿梭框，可以从左边到右边，也可以从右到左，支持多选

    首先，我们需要了解JavaScript的基础，它是Web开发中的客户端脚本语言，用于实现动态交互效果。穿梭框的实现通常基于HTML、CSS和JavaScript的组合。HTML提供结构，CSS负责样式，而JavaScript处理用户交互和逻辑。 ...

    JavaScript动态创建div等元素实例讲解

    ### JavaScript动态创建div等元素实例知识点详解 #### 一、引言 在Web开发中，JavaScript经常被用来动态地创建或修改DOM元素，这有助于提高网页的交互性和灵活性。本篇文章将详细介绍如何使用JavaScript来动态创建...

Magicbox
Global site tag (gtag.js) - Google Analytics