Javascript 从搜索结果中隐藏列
我有以下javascript函数,当从jsp页面上的下拉框中选择选项时会调用该函数:Javascript 从搜索结果中隐藏列,javascript,ajax,Javascript,Ajax,我有以下javascript函数,当从jsp页面上的下拉框中选择选项时会调用该函数: function getApplication(val) { $("#accVerMessageDiv").html(""); var accVersion = document.getElementById("account_version").value; // var optionValue = accVersion.options[accVersion.selectedIndex].value
function getApplication(val)
{
$("#accVerMessageDiv").html("");
var accVersion = document.getElementById("account_version").value;
// var optionValue = accVersion.options[accVersion.selectedIndex].value;
if(accVersion == "0"){
disable();
}
if(accVersion == ""){
alert("Please select any Application");
disable();
}
else
{
enable();
}
document.getElementById("rowDataIdAccountVersion").value=accVersion;
$.ajax({
type: "POST",
url: "CalculateFTE",
data: {"action":"searchData",
"account_version":accVersion},
success: function(data,jqXHR){
$("#accVerMessageDiv").html("");
var col = [];
for (var i = 0; i < data.length; i++) {
for (var key in data[i]) {
if (col.indexOf(key) === -1) {
col.push(key);
}
}
}
/* for (var i = 0; i < col.length; i++) {
col[i] = col[i].toUpperCase();
} */
//col.push("Actions");
// CREATE DYNAMIC TABLE.
var table = document.createElement("table");
// CREATE HTML TABLE HEADER ROW USING THE EXTRACTED HEADERS ABOVE.
var tr = table.insertRow(-1); // TABLE ROW.
for (var i = 0; i < col.length; i++) {
var th = document.createElement("th"); // TABLE HEADER.
th.style.backgroundColor = "#c1c1c1";
th.innerHTML = col[i].toUpperCase();
tr.appendChild(th);
}
// ADD JSON DATA TO THE TABLE AS ROWS.
for (var i = 0; i < data.length; i++) {
tr = table.insertRow(-1);
for (var j = 0; j < col.length; j++) {
var tabCell = tr.insertCell(-1);
//alert("==data[i]=="+i+"==[col[j]]=="+j+"==="+data[i][col[j]]);
var primKey = data[i][col[3]] ;
/* if(data[i][col[j]] == undefined && j==4)
{
// tabCell.innerHTML = "";
//tabCell.innerHTML = '<a href=\"edit.jsp?accId='+primKey+'\">EDIT</a>';
tabCell.innerHTML = '<a href=\"javascript:rowEditApplication('+primKey+')\">EDIT</a>';
}
else */ if(data[i][col[j]] == undefined)
{
tabCell.innerHTML = "";
}
else
tabCell.innerHTML = data[i][col[j]];
}
}
// FINALLY ADD THE NEWLY CREATED TABLE WITH JSON DATA TO A CONTAINER.
var divContainer = document.getElementById("searchDataAccountVersion");
divContainer.innerHTML = "";
divContainer.appendChild(table);
},
error:function(data,jqXHR)
{
$("#accVerMessageDiv").html("No Data Found.");
//$("#accMessageDiv").html(data);
},
beforeSend: function() {
// setting a timeout
},
complete: function()
{
}
});
}
函数getApplication(val)
{
$(“#accversessagediv”).html(“”);
var accVersion=document.getElementById(“账户版本”).value;
//var optionValue=accVersion.options[accVersion.selectedIndex].value;
如果(accVersion==“0”){
禁用();
}
如果(accVersion==“”){
警报(“请选择任何应用程序”);
禁用();
}
其他的
{
启用();
}
document.getElementById(“rowDataIdAccountVersion”).value=accVersion;
$.ajax({
类型:“POST”,
url:“CalculateFTE”,
数据:{“操作”:“搜索数据”,
“帐户版本”:accVersion},
成功:函数(数据,jqXHR){
$(“#accversessagediv”).html(“”);
var col=[];
对于(变量i=0;i <div id="Application">
<fieldset>
<legend>Application Creation</legend>
<div id="appMessageDiv"></div></br>
<%
if((String)session.getAttribute("error") != null){ %>
<h4><%=session.getAttribute("error")%></h4>
<%}else if((String)session.getAttribute("message") != null){ %>
<h4><%=session.getAttribute("message")%></h4>
<%} %>
<form method="post" name="applicationForm" id="applicationForm">
<label for="appName">Application Name:</label> <input type="text" name="appName" id="appName" /> <br />
<label for="appFte">No. of Licenses:</label> <input type="text" name="appFte" id="appFte" /> <br />
<label for="contactPerson">Contact Person:</label> <input type="text" name="contactPerson" id="contactPerson" /> <br />
<label for="account">Account To Be Selected:</label> <select name ="account" id="account" onchange=" getContact(); ">
</select> <br />
<br /> <input type="button" value="Create Application" onclick="createApplication(); ">
<input type="button" value="Search Application" onclick="searchApplication();">
</form>
</fieldset>
<div id="searchDataContainer">
<fieldset>
<legend>Search Result:</legend>
</br>
</br>
<div id="searchDataApplication"></div>
<form name="editApplicationForm" id="editApplicationForm">
<input type="hidden" id="rowDataIdApplication" name="rowDataIdApplication" value="" />
</form>
</fieldset>
</div>
</div>
应用程序创建
应用程序名称:
许可证数量:
联系人:
要选择的帐户:
搜索结果:
在从下拉框中选择任何选项后,我想从jsp页面上查看的结果中隐藏第3列。结果中总共有4列。我想隐藏最后一列。请帮助我实现这一点。我现在已经添加了HTML代码。请帮忙。你也有CSS吗?也许您可以使用表中的
:last child
选择器来获取最后一列元素。或者:nth-child()