본문 바로가기
반응형

IT창고/HTML46

HTML 표의 데이터를 서버로 POST javascript $.ajax({ type: "POST", url: "YOUR_URL", data: { tableData: JSON.stringify($("#Table").tableToJSON()) }, success: function(response) { console.log(response); } }); 2023. 2. 13.
AdminLTE 템플릿 select 선택 하여 input 컴포넌트 추가, 삭제 하기 Select an option Option 1 Option 2 Option 3 동적으로 생성된 입력 구성 요소를 추적하기 위해 글로벌 입력 변수를 사용. 선택 상자 값이 변경되면 .value를 사용하여 값을 얻고, 값이 비어 있으면 입력 구성 요소가 생성되었는지 확인. 값이 있는 경우 removeChild 메서드를 사용하여 inputContainerdiv에서 제거하고 입력 변수를 null로 설정. 값이 비어 있지 않으면 입력 구성 요소가 생성되었는지 확인. 2023. 2. 8.
select 선택 div 보이기 사라지기 Javascript 이용 방법: HTML Option 1 Option 2 Option 3 This is Option 1 content This is Option 2 content This is Option 3 content Javascript document.getElementById("selectOption").addEventListener("change", function() { var selectedOption = this.value; document.getElementById("option1").style.display = "none"; document.getElementById("option2").style.display = "none"; document.getElementById("option.. 2023. 2. 8.
AdminLTE 버튼 클릭 시 테이블 데이터 추가 HTML Add Data Column 1 Column 2 Column 3 Jquery $(document).ready(function() { $('#addBtn').click(function() { $('#dataTable tbody').append( '' + 'Data 1' + 'Data 2' + 'Data 3' + '' ); }); }); 2023. 2. 8.
반응형