如何将.append()与动态变量ID一起使用?

时间:2019-06-04 21:38:23

标签: jquery html ajax loops

我正在寻找一种循环抛出所有选择标签,查看查询,id,类,元数据等的方法,并使用该数据传递给我的AJAX GET请求。将成功的响应附加到循环中的相应标记。我被困住了,很乐意提供一些指示或想法来做这种清洁剂。在加载DOM之后,我才知道元素标签或类。

编辑:我已经弄清楚了如何遍历所有标签,但是当涉及到附加到标签上时,我遇到了问题。以下行适用于ID为C31的单选:$("#1C3").append("<option value='" + value + "'>" + value + "</option>");但是,以下行不起作用,我试图找到一种使用变量而不是'#c31'的解决方案。如何将ID的正确参数传递给$(?)。append()`

 var elementID = classList[i].id;
   var temp = '#';
   var result = temp.concat(elementID);
    console.log(typeof result);
    $(result).append("<option value='" + value + "'>" + value + "</option>");

`

$(document).ready(function() {
 for(i = 0; i< classListSize; i++){
    var elementID = classList[i].id;
    var temp = '#';
    var result = temp.concat(elementID);

    if(classList[i].tagName === 'SELECT'){
      $.ajax({
        url: 'http://localhost:9000/LabData', //In future we need to make this to be able to pass any params as so we can get anything from db
        type: 'GET', //SELECT ProjectName FROM Projects
        datatype: "json",
        success: (data) => { //it was succesful in getting data
          var dt = JSON.stringify(data).replace('[', '').replace(']', '');
          if (dt) {
            var result = jQuery.parseJSON(dt);
            for (x in dt) {
              var temp = result.recordset[x]
              for (key in temp) {
                var value = temp[key];
                //console.log("result : ", value);
                $(result).append("<option value='" + value + "'>" + value + "</option>");
                //do something with value;
              }
            }
          }
        }
      });
    }
  }

0 个答案:

没有答案