在按钮单击时读取表格和下拉列表中的值

时间:2018-06-12 12:11:42

标签: jquery html

我有一个代码,可以在按钮点击时动态地从表中的两列(成员,描述)中读取值。

Table 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从位于table上方的下拉列表(House Center)中获取所选值(1,2,3,4,5 ...)并将其存储在数组中点击按钮时的第三列。

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

有人可以帮助我吗?

0 个答案:

没有答案