时间戳

首页 > 解决方案 > 从表中读取值并单击按钮时下拉列表

jquery - 从表中读取值并单击按钮时下拉列表

问题描述

我有一个代码，可以在单击按钮时从表中的两列（成员、描述）中动态读取值。

表格 html

从表中读取值的 JQuery：

$(function() {
  $('#myButton').on('click', function() {

    var myCollection = [];

    $('div#body').find('tr:gt(0)').each(function() {
      var row = this;
      var myObj = {


        label: valuefromType($(row).find($(row).find('td:eq(1)').children())),
        opis: valuefromType($(row).find($(row).find('td:eq(2)').children()))


      };
      myCollection[myCollection.length] = myObj;

    });

    console.log(myCollection)

    function valuefromType(control) {
      var type = $(control).prop('nodeName').toLowerCase();
      switch (type) {
        case "input":
          return $(control).val();
          break;
        case "span":
          return $(control).text();
          break;
        case "select":
          return $(control).val();
          break;
      }
    }

  });

});

存储在数组中的按钮单击结果为：

0: Object { label: "1", opis: null }
1: Object { label: "2", opis: "test2" }
​2: Object { label: "3", opis: "test3" }
3: Object { label: "5", opis: "3" }
4: Object { label: "9", opis: "test5" }
5: Object { label: "15", opis: "test88" }

现在我需要 jquery 从位于表格上方的下拉列表（House Center）中获取所选值（1,2,3,4,5 ...），并将其存储在按钮单击时第三列的数组中。

在我的代码中，当我单击下拉列表中的值时，页面会刷新并生成一个新表，因此它可以是 .on('change', function ()。

有人可以帮我吗？

标签： jqueryhtml

解决方案

推荐阅读