下面是HTML代碼:搜索欄中自動搜索中輸入
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">{{selectedClassName}}</h4>
</div>
<div class="modal-body errorDetailPannel">
<table class="table table-sm table-inverse table-responsive table-striped">
<thead>
<tr>
<th>Line</th>
<th>Review Feedback</th>
</tr>
<input type="text" class="form-control search-box" placeholder="Search">
</thead>
<tbody>
<tr ng-repeat="eachClass in selectedClassErrDetails">
<td>{{eachClass.lineNumber}}</td>
<td>{{eachClass.reviewFeedback}}</td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
JS文件:
function OrderFormController($scope,$http){
var urlString = window.location.href;
var urlParams = parseURLParams(urlString);
var date = urlParams['date'];
var jsonData = $.ajax({
url: "**********************************************,
dataType: "json",
crossDomain: true,
async: false
}).responseText;
var parsed = JSON.parse(jsonData);
$scope.selectedClassErrDetails = [];
$scope.selectedClassName = "";
$scope.showErrorDetails = function(classNameKey){
$scope.selectedClassName = classNameKey;
$scope.selectedClassErrDetails = $scope.sampleJSON[classNameKey];
angular.element('#myModal').modal('show');
};
$scope.sampleJSON = parsed;
};
function parseURLParams(url) {
var queryStart = url.indexOf("?") + 1,
queryEnd = url.indexOf("#") + 1 || url.length + 1,
query = url.slice(queryStart, queryEnd - 1),
pairs = query.replace(/\+/g, " ").split("&"),
parms = {}, i, n, v, nv;
if (query === url || query === "") return;
for (i = 0; i < pairs.length; i++) {
nv = pairs[i].split("=", 2);
n = decodeURIComponent(nv[0]);
v = decodeURIComponent(nv[1]);
if (!parms.hasOwnProperty(n)) parms[n] = [];
parms[n].push(nv.length === 2 ? v : null);
}
return parms;
}
我已經介紹了一個搜索面板的頂部我的模式,但它不起作用。我不需要提交按鈕,但是當在搜索框中輸入文本時,它應該根據搜索框中的匹配短語過濾moday內容的結果。在下面的圖片中,我給了asd,但沒有過濾結果。
體改JS:
function searchFunction() {
var input, filter, table, tr, td, i;
input = document.getElementById("searchBar");
filter = input.value.toUpperCase();
table = document.getElementById("errorTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[1];
if (td) {
if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
}
你的JS在哪裏? –
鑑於JS,但JS只從我的休息電話獲取數據,沒有別的。 – Nagendra555