从html表中选择一行，并在不使用jquery的情况下使用javascript选择多行

我正在尝试选择多个表行，并希望使用Javascript在下面显示所选的表行

我已经在使用Jquery了，它工作得很好，但在我的代码中我使用的是Angularjs。请帮助我，我如何使用Javascript

这是我的HTML代码：

<div id="container" ng-controller="categoryPanelController" ng-init="init()" style="display: inherit;">

<div class="col-3 col-s-3 main">
    <div class="sr">
        <strong>SEARCH RESOURCE</strong>
    </div>

    <h5 class="project">Project Manager Name</h5><input class="dropdown" type="text" />
    <h5 class="resource">Request Type</h5>
    <select id="dropdown1" class="dropdown">
        <option class="dropdown" value=""></option>
        <option class="dropdown" value=" "> </option>
        <option class="dropdown" value=" "> </option>
    </select>
    <h5 class="equipment">Equipment</h5>
    <select id="dropdown2" class="dropdown">
        <option class="dropdown" value=""></option>
        <option class="dropdown" value=""></option>
        <option class="dropdown" value=" "> </option>
    </select>
    <h5 class="tp">Time Period</h5> <input class="dropdown" type="text" />

    <h5 class="location">Location</h5><input class="dropdown" type="text" />
    <h5 class="priority">Priority</h5><input class="dropdown" type="text" />
    <h5 class="rp">ReasonForPriority</h5><input class="dropdown" type="text" />

    <div class="clear"></div>
    <div class="bs">

        <input type="button" value="Search" id="myBtn" class="submit" style="height: 2.5em;">
    </div>
</div>
<div class="clear"></div>

<div class="col-9 col-s-9" style="width: 75%; margin-top: -1em !important;">
    <div id="customers">

        <div class="clear">

        </div>

        <div id="resultTable">

        </div>
    </div>
</div>

}

---

请随便帮我。提前感谢

为什么要用普通JavaScript而不是AngularJs来解决这个问题？这有很多有用的功能。例如，创建一个表非常简单，只需在控制器中设置数据并使用如下模板：

项目经理名称请求类型。。。
{{data[knx]}

---

对于AngularJS中已经具备您可能需要的大部分功能的表，我建议您

如果您向我们展示正在工作的jQuery等价物，那么我们就可以准确地理解您的代码需要做什么，并很容易地复制它。但是…你真的试着重写了吗？在这里，我看到了创建表的代码，但没有处理选择等。您可以轻松地研究如何使用纯JS处理单击、如何选择元素等。应该可以尝试一下。在这个网站上，如果可能的话，我们更愿意帮助人们，而不是为他们编写完整的解决方案。我们给我们的时间是免费的，所以我们希望你至少在自己的时间里先尝试一下。谢谢

function buildTable(data) {
var table = document.createElement("table");
table.className = "gridtable";
var thead = document.createElement("thead");
var tbody = document.createElement("tbody");
var headRow = document.createElement("tr");
["Project Manager Name", "Request Type", "Equipment", "Time Period", "Location", "priority", "Reason For Priority"].forEach(function(el) {
    var th = document.createElement("th");
    th.appendChild(document.createTextNode(el));
    headRow.appendChild(th);
});
thead.appendChild(headRow);
table.appendChild(thead);

for (var knx in data)
{
    var tr = document.createElement("tr");
    if (data.hasOwnProperty(knx))
    {
        var td = document.createElement("td");
        td.appendChild(document.createTextNode(data[knx]))
        tr.appendChild(td);
    }

    tbody.appendChild(tr);
}

data.forEach(function(el) {
    var tr = document.createElement("tr");
    for (var o in el) {
        var td = document.createElement("td");
        td.appendChild(document.createTextNode(el[o]))
        tr.appendChild(td);
    }
    tbody.appendChild(tr);
});

table.appendChild(tbody);
return table;