Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从搜索结果中隐藏列_Javascript_Ajax - Fatal编程技术网

Javascript 从搜索结果中隐藏列

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

我有以下javascript函数,当从jsp页面上的下拉框中选择选项时会调用该函数:

 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 以下是HTML代码:

 <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> &nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="appName" id="appName" /> <br /> 
                    <label for="appFte">No. of Licenses:</label>&nbsp;&nbsp;&nbsp;&nbsp; <input type="text" name="appFte" id="appFte" /> <br />
                    <label for="contactPerson">Contact Person:</label>&nbsp;&nbsp;&nbsp;&nbsp; <input type="text" name="contactPerson" id="contactPerson" /> <br />
                    <label for="account">Account To Be Selected:</label>&nbsp;&nbsp;&nbsp;&nbsp;<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()