`
Ben.Sin
  • 浏览: 233577 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

JS - 动态创建2维数组Array (例子源码)

阅读更多
<html>
<head>
</head>

<script type="text/javascript">
  // Storing the list display value
  var listArray;
 
  /**
   * Store the input value to listArray
   * with identified by name.
   */
  function setListArray(sName, sValue){
   alert(sValue);
   // listArray is null
   if (listArray == null){
    // Initialize the listArray
    listArray = new Array();
    // Store the first group
    listArray[0] = new Array(sName, sValue);
   }
   // listArray is not null
   else{
    // declare flag
    var valueFound = false;
    for (var i = 0; i < listArray.length; i ++){
     // find in the old array
     if (listArray[i][0] == sName){
      // store the value
      listArray[i][listArray[i].length] = sValue;
      // set flag when matched
      valueFound = true;
      // Exit for looping when matched
      break;
     }
    }
    //alert(listArray[0].length);
    // new a group when not matched
    if (!valueFound){
     //var index = listArray.length;
     listArray[listArray] = new Array(sName, sValue);
    }
   }
   //alert(listArray[0].length);
  }
 
  /**
   * get the value from listArray with name and index
   */
  function getListArray(name, index){
   if (index == 0){
    return "";
   }
   // return false when listArray is null;
   if (listArray == null){
    alert("No listArray found!");
    return false;
   }
   // Loop the listArray to found the object.
   for (var i = 0; i < listArray.length; i ++){
    if (listArray[i][0] == name){
     // display the value
     return listArray[i][index];
    }
   }
   alert("No record could be found in listArray");
  }
 
  /**
   * Set the value to the special Element
   */
  function selectChanged(name, index, targetObj){
   // get the target element
   var obj = document.getElementById(targetObj);
   // return false when target element cannot be found.
   if (obj == null){
    alert("Element '" + targetObj + "' cannot be found!");
    return false;
   }
   obj.value = getListArray(name, index);
  }
</script>
<body>
  <table>
   <tr>
    <td>
     <select name="sel" onchange="selectChanged('sel', this.selectedIndex, 'show')">
      <option value="00">(none)</option>
      <option value="01">name 01</option>
      <option value="02">name 02</option>
      <option value="03">name 03</option>
      <option value="04">name 04</option>
     </select>
    </td>
    <td>
     <input type="text" name="show" value=""/>
    </td>
   </tr>
   <tr>
    <td colspan="2"><input type="button" value="disply"/></td>
   </tr>
  </table>
</body>
</html>
<script type="text/javascript">
setListArray('sel', 'name 01');
setListArray('sel', 'name 02');
setListArray('sel', 'name 03');
setListArray('sel', 'name 04');
</script>
分享到:
评论

相关推荐

    C语言-----二维数组

    二维数组可以看作是一组一维数组的集合,每个一维数组称为一个行,整个二维数组则由这些行组成。 **1. 二维数组的定义** 二维数组的定义通常采用以下形式: ```c 类型说明符 数组名[常量表达式][常量表达式]; ``` ...

    动态创建二维数组

    以 动 态 的 的 形 式 对 二 维 数 组 进 行 创 建 。

    C语言程序设计-求出二维数组周边元素之和,作为函数值返回;二维数组的值在主函数中赋予;.c

    C语言程序设计-求出二维数组周边元素之和,作为函数值返回;二维数组的值在主函数中赋予;

    LabVIEW创建一维数组

    一维数组是基本的数组,多维数组是在一维数组的基础上创建的。一维数组的创建过程如下。  (1)创建数组框架。在前面板窗口控件选板中选择控件“新式→数组、矩阵与簇→数组,置于前面板窗口的空白处,如图1所示。...

    c++动态创建二维数组

    C++动态创建二维数组的实现方法 在 C++ 中,动态创建二维数组是一种常用的技术,能够满足程序的需求。通过使用指针数组,可以实现动态的二维数组创建。下面将详细介绍动态创建二维数组的方法和技术。 指针数组和数...

    autoit 解决二维数组动态赋值

    总结来说,AutoIt中的二维数组动态赋值可以通过`ReDim`或`ArrayAdd`函数实现,根据不同的需求选择合适的方法。在处理二维数组时,需要注意数组的行、列操作以及正确遍历数组的方法。了解这些技巧,将有助于你在...

    Java中数组实例---一维数组.pdf

    在这个文档中,我们专注于一维数组的实例,主要探讨了如何创建、初始化和输出一维数组的元素。以下是详细的知识点解析: 1. **数组声明**: - 在Java中,数组声明有两种方式: - 第一种是`数据类型 数组名[]`,...

    TIA博途-使用AT指令实现IO点位映射到二维数组中-全局FB库文件-V17版本-GF-二维数组IO点位映射.zip

    - 首先,创建一个全局FB库文件,定义一个二维数组以存储IO点位的数据。 - 使用AT指令获取IO状态,并根据需要将这些状态更新到二维数组中。 - 设计适当的接口,使其他程序块能方便地访问这个二维数组,以便进行...

    k-means对一维数组进行聚类的代码,适合初学者

    本篇只讨论基本的代码实现,由于只是对一维数组的聚类,距离公式上比较简单:distance = |a – b| 适合初学者理解最基本的原理 所谓一维数组 比如: [12, 3, 56, 89, 78, 2, 12, 45, 255, 236] 以下代码实现的是对一...

    数据结构与算法 一维数组-二维数组-三维数组

    在本主题中,我们将深入探讨一维数组、二维数组和三维数组的概念,以及如何使用模板来实现这些数据结构。这些基础知识在编程中至关重要,尤其是在处理大量数据时。 一维数组是最基础的数据结构之一,它是一个有序的...

    动态二维数组 c#编程

    在C#中,我们可以使用`new`运算符结合`Array`类或者`List&lt;T&gt;`类来创建动态二维数组。对于`Array`类,可以这样创建: ```csharp int[][] arr = new int[rows][]; // 初始化行数 for (int i = 0; i ; i++) { arr[i] =...

    JavaScript动态创建二维数组的方法示例

    在JavaScript中,动态创建二维数组是一项常见的操作,尤其是在处理表格数据或者进行矩阵计算时。由于JavaScript不支持真正的多维数组,我们通常通过数组的数组来模拟实现。下面将详细介绍如何在JavaScript中动态创建...

    三维数组操作_labview三维数组_labview_三维数组_

    2. 提取子集:要从三维数组中提取子集,可以使用“数组切片”或“数组子阵”函数。这些函数允许你根据轴上的索引来获取数组的一部分。 3. 插入:使用“数组插入”函数,可以在指定位置向三维数组中插入新的数据。这...

    与大家交流分享动态创建二维数组的代码

    动态创建以为数组很简单,动态创建二维数组比较麻烦,这里提供代码,方便大家交流

    c语言中动态创建二维数组

    分配完成后,就可以像操作普通二维数组一样使用这个动态数组了。例如,设置或获取元素: ```c arr[0][0] = 1; // 设置第一个元素 int value = arr[1][2]; // 获取第二个行的第三个元素 ``` 4. **释放内存**:...

    动态二维数组的创建、用法、及一些误区分析

    动态二维数组的创建、用法、及一些误区分析 动态二维数组是一种常用的数据结构,在实际开发中经常使用。然而,很多开发者对动态二维数组的创建和使用不够熟悉,甚至存在一些误区。本文将详细介绍动态二维数组的创建...

    【IT十八掌徐培成】Java基础第03天-06.二维数组-三维数组-循环遍历.zip

    例如,创建一个2层3行4列的整数三维数组: ```java int[][][] cubes = new int[2][3][4]; ``` 初始化三维数组会更复杂,因为涉及到更多的层次。初始化时,可以使用嵌套的花括号来逐层指定元素。 三、循环遍历数组 ...

    读取二维数组所有数据_labview读取数组_

    2. **连接数据源**: 如果二维数组数据来自外部源,如文件或硬件设备,你需要先用适当的VI读取这些数据,然后将其转换为二维数组格式。例如,你可以使用“读取文本文件”VI从CSV文件加载数据,然后使用“转换为数组”...

    使用vue中的v-for遍历二维数组的方法

    总结来说,Vue中的`v-for`指令对于遍历二维数组非常有用,特别是当需要在模板中动态渲染复杂数据结构时。通过嵌套使用`v-for`,我们可以轻松地处理任何层次的数据结构,将它们转换为用户友好的视图。记住,当处理...

Global site tag (gtag.js) - Google Analytics