버튼을 클릭 한 후 화면 새로 고침

현재 버튼 새로 고침을 클릭 한 후 특정 테이블을 채우는 if 문이 여러 개 있습니다.버튼을 클릭 한 후 화면 새로 고침

버튼을 다시 클릭 한 후에는 이전에 폴 레이팅 한 표를 제거해야합니다. 어떻게해야합니까?

if (strDate == "Jan-2010") { 
    var TableRowHtml = "<table id='box-table-a'>"; 
    TableRowHtml +="<TR><TH 'style='width: 50px'>OPERATIONS</TH></TR>"; 
    TableRowHtml +="<TR><TH 'style='width: 50px'>Unit Costs</TH></TR>"; 
    TableRowHtml +="<TR><TD>" + Total[0] + "</TD></TR>"; 
} 
else if (strDate == "Feb-2010") { 
    var TableRowHtml1 = "<table id='box-table-a'>"; 
    TableRowHtml1 +="<TR><TH 'style='width: 50px'>OPERATIONS</TH></TR>"; 
    TableRowHtml1 +="<TR><TH 'style='width: 50px'>Unit Costs</TH></TR>"; 
    TableRowHtml1 +="<TR><TD>" + Total[1] + "</TD></TR>"; 
} 
else if (strDate == "Mar-2010") { 
    var TableRowHtml2 = "<table id='box-table-a'>"; 
    TableRowHtml2 +="<TR><TH 'style='width: 50px'>OPERATIONS</TH></TR>"; 
    TableRowHtml2 +="<TR><TH 'style='width: 50px'>Unit Costs</TH></TR>"; 
    TableRowHtml2 +="<TR><TD>" + Total[2] + "</TD></TR>"; 
} 
else if (strDate == "Apr-2010") { 
    var TableRowHtml3 = "<table id='box-table-a'>"; 
    TableRowHtml3 +="<TR><TH 'style='width: 50px'>OPERATIONS</TH></TR>"; 
    TableRowHtml3 +="<TR><TH 'style='width: 50px'>Unit Costs</TH></TR>"; 
    TableRowHtml3 +="<TR><TD>" + Total[3] + "</TD></TR>"; 
}

드롭 다운 코드 :

<tr><td><select id="combobox"> 
     <option value="Jan-2010">Jan/2010</option> 
     <option value="Feb-2010">Feb/2010</option> 
     <option value="Mar-2010">Mar/2010</option> 
     <option value="Apr-2010">Apr/2010</option> 
     <option value="May-2010">May/2010</option> 
     <option value="Jun-2010">Jun/2010</option> 
    </select></td> 
    <td><input type="button" id="RefreshMetrics" value="Refresh"></td> 
</tr> 
</select></td> 
<td><input type="button" id="RefreshMetrics" value="Refresh"></td> 
</tr> 
</table>

///////////////////////////// ///////////////////////////

다음과 같은 코드를 if 문에 넣을 수 있습니다. 예를 들어 .. 필요하지 않은 각 테이블을 제거하십시오 ... 해당 paticular 월에

     if (strDate == "Jan-2010") 

        { 


        $('TableRowHtml1').last().remove(); 
        $('TableRowHtml2').last().remove(); 
        $('TableRowHtml3').last().remove(); 



     var TableRowHtml = "<table id='box-table-a'>";  
     TableRowHtml +="<TR><TH 'style='width: 50px'>OPERATIONS</TH></TR>";   
TableRowHtml +="<TR><TH 'style='width: 50px'>Unit Costs</TH></TR>";     TableRowHtml +="<TR><TD>" + Total[0] + "</TD></TR>";  
       }

출처

2011-09-06 MarkSull

@Gilles는 왜 다시 포함 않습니다 (분명히 실수)''하고 버튼을 더블 - 붙여 넣기? HTML이 잘못되었습니다. – feeela

@feela 공백 이외의 질문에서 코드를 변경하는 것에주의를 기울이기 때문에 (분명히 관련없는 경우). 나는 HTML이 복사 - 붙여 넣기 오류라고 확신하지 못했습니다. @MarkSull 나는 당신이 복사 - 붙여 넣기를하고있는 방법을 모르지만, 글을 정확하게 들여 쓰기 (텍스트와 코드를 구별하기위한 4 칸, 그리고 일관된 코드 의도)를 들려주세요. – Gilles

Jquery remove API를 사용할 수 있습니다.

http://api.jquery.com/remove/

$('table').last().remove();

출처

2011-09-06 09:55:02

안녕하세요 Madhur, 위의 코드를 편집하고 .remove API를 월 "Jan"의 If 문에 넣었습니다. 이 올바른지 ? – MarkSull

jquery selector $ ('TableRowHtml2')가 잘못되었으므로 '# box-table-a'와 같은 id 또는 'table'태그 이름을 기반으로 선택해야합니다. –

버튼을 클릭 한 후 화면 새로 고침

답변

관련 문제