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

javascript动态创建option方法

阅读更多

注意:*data是DWR的返回对象,DWR代码省略
方法一:

function DynaCreate(){ 
AdminMenu.findIdAndName(id,function(data){ 
for(var i=0;i<data.length;i++){ 

        var option = document.createElement("option"); 
        option.innerText = data[i].name; 
        option.value = data[i].id; 
         sub.appendChild(option); 

      } 
   } 
} 

 
方法二:

function DynaCreate(){ 
AdminMenu.findIdAndName(id,function(data){ 
for(var i=0;i<data.length;i++){ 


    sub.options[i] = new Option(data[i].name,data[i].id);     


      } 
   } 
} 

 
本人感觉没什么多大区别,方法一多写了几行代码而已。如果大家觉得有区别,请指教!

 

分享到:
评论

相关推荐

    javascript 动态创建 Option选项

    以上详细介绍了标题和描述中提到的知识点,涵盖了动态创建Option选项,以及根据月份动态生成日期下拉列表的JavaScript实现方法。通过本例,可以看到JavaScript对于动态网页内容更新的强大能力,这也是现代Web开发中...

    JS动态添加Select中的Option元素值

    以下是一个简单的示例,展示了如何使用JavaScript动态创建并添加Option元素到Select中: ```html &lt;!DOCTYPE html&gt; 动态添加Option &lt;select id="select1"&gt;&lt;/select&gt; &lt;select id="select2"&gt;&lt;/select&gt; // ...

    向元素中动态添加option

    在本案例中,`&lt;option&gt;`元素就是DOM的一部分,我们可以通过JavaScript的DOM操作方法来对其进行动态管理。 首先,创建一个新的`&lt;option&gt;`元素需要使用`document.createElement('option')`。然后,可以使用`....

    js实现动态生成select中的option

    以上就是一个简单的JavaScript动态生成`select`下拉列表的流程。在实际应用中,数据可能来自服务器,或者是通过其他方式动态生成。此外,为了提供更好的用户体验,我们还可以考虑添加加载提示、错误处理等机制。通过...

    javascript_select_option_操作详解.txt

    #### 二、动态创建 `&lt;select&gt;` 元素 有时我们需要根据用户的操作动态地创建 `&lt;select&gt;` 元素。这可以通过使用 `document.createElement()` 方法实现: ```javascript function createSelect() { var mySelect = ...

    jquery动态添加option

    总结起来,jQuery动态添加`&lt;option&gt;`是通过创建新的`&lt;option&gt;`元素,设置其属性,然后将其添加到`&lt;select&gt;`元素中来实现的。这种方法使得网页的交互性增强,能够根据用户行为或数据变化实时更新下拉列表,极大地提高...

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

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

    javascript动态生成table及处理.

    ### JavaScript 动态生成 Table 及处理 在现代 Web 开发中,动态生成 HTML 元素是一种非常实用的技术,尤其当涉及到数据展示时,如表格(`&lt;table&gt;`)。通过 JavaScript 动态生成表格可以更加灵活地管理和更新数据。...

    select option带自定义图片

    一种常见的方法是使用HTML5的`data-*`属性来存储图片链接,然后在JavaScript中动态生成带有图片的HTML结构。 首先,修改`&lt;option&gt;`元素,添加`data-*`属性: ```html &lt;option value="option1" data-image-url=...

    Javascript下拉框

    在实际开发中,我们经常需要通过 Javascript 动态创建、操作和删除下拉框的选项,本文将详细介绍如何使用 Javascript 实现下拉框的动态操作。 动态创建 select 元素 首先,我们需要创建一个 select 元素,可以使用...

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

    本文将详细介绍如何使用 JavaScript 为 `datalist` 或 `select` 元素动态添加 `option` 选项,这对于创建动态、可自定义的下拉列表或者输入提示至关重要。 首先,让我们解析一下 `datalist` 和 `select` 元素。`...

    jquery动态添加option示例

    以下是如何使用纯JavaScript和jQuery动态添加`&lt;option&gt;`的示例: #### JavaScript 示例 ```javascript // 获取元素 var sel = document.getElementById("Selected1"); // 添加第一个选项:'请选择' sel.options....

    AngularJS实现动态添加Option的方法

    为了实现动态添加Option,我们需要一个方法来生成随机ID,并将新的Option对象添加到`optionContainer`数组中。这里我们定义了`randomCode`函数生成10位随机字符串,以及`add`方法来添加新的Option: ```javascript ...

    js 操作select和option

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

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

    在JavaScript或jQuery中,我们可以动态地向已有`&lt;select&gt;`元素中添加新的`&lt;option&gt;`。在给出的代码中,虽然没有直接展示动态添加的过程,但注释中给出了一个例子: ```javascript //$("#selectId").append("...

    option的value比较来确定select默认选中项

    3. JavaScript动态设置 在某些情况下,你可能需要根据特定条件或服务器返回的数据动态设置默认选中项。这可以通过JavaScript实现,首先获取`&lt;select&gt;`元素,然后遍历`&lt;option&gt;`标签,比较它们的`value`属性。如果...

    jquery动态创建联动下拉框

    3. **动态创建子下拉框的选项**:在Ajax请求成功后,我们需要解析返回的JSON数据,并根据数据生成`&lt;option&gt;`元素。 ```javascript success: function(response) { var subcategories = JSON.parse(response); $(...

    JavaScript实现select添加option

    2. 使用循环结构,通过`new Option(text, value)`创建option元素,并利用`_select.options.add(_option)`方法将其添加到select元素中。 3. 设置onchange事件处理函数,捕捉用户选中值改变的动作。 4. 最后,将select...

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

    #### JavaScript动态创建HTML元素 JavaScript提供了`document.createElement()`方法来创建新的元素节点。通过此方法,我们可以创建任何类型的HTML元素,并通过DOM API将其添加到页面中的指定位置。 **创建select...

Global site tag (gtag.js) - Google Analytics