본문 바로가기

javaScript&jQurey

(39)
동일한 input name 값 가져오기 버튼FOR 버튼EACH 동일한 NAME이 여러개 생성될 때 참조 하시면 됩니다. 출처: https://choija.tistory.com/63 [수캥이의 삶 ]
POST 형식으로 페이지 이동 - J쿼리(JQurey) 자바스크립트로 페이지를 이동시킬경우 location.href 로는 get 형식으로 인수를 전달한다. 그러나 인수의 값이 길거나 또는 인수값을 주소표시줄에 노출시키고 싶지 않은 경우 등등은 POST 형식으로 페이지를 이동시켜야 한다. 자바스크립트로 POST 형식으로 페이지를 이동시키려면 다음의 과정을 실행해야 한다. 오브젝트를 구성요소를 포함하여 만든다. action: 이동할 페이지 URL method: get/post 여기서는 POST를 지정한다. target: 현재창에서 할지 새창으로 열지 등등... 전달할 인수들을 포함시켜 준다. 위에서 만든 폼을 submit() 하여 실행한다. 위와같은 과정을 함수로 만들어 놓고 필요할때 스크립트에 포함해서 사용하면 편하다. function pageGoPost(d)..
[JavaScript] 프린트 실행(window.print()) 및 프린트 실행 이전/이후 script로 프린트를 실행하고 싶다면 아주 간단하게 window.print() 를 실행만 하면 (ctrl + p) 와 동일하게 작동한다. print()를 사용하게 되면 자동적으로 필요한게 원하는 부분만 인쇄하는것이다. 애초에 인쇄 기능 자체가 화면에 보이는 모든 영역을 인쇄하기때문에 사실상 불가능하지만 조금 후작업을 하여 프린트 실행 시점에 따라 필요없는 부분은 숨기고 필요한 영역을 확대하거나 하여 원하는 영역만 인쇄하도록 처리할 수 있다. 프린트 실행 이전/이후 시점을 알 수 있는 두가지 방법에 대해 알아보자. 1. window.onafterprint / window.onbeforeprint window.onbeforeprint = function () { console.log("onbeforepri..
[jQuery]현재 시간 정보 나타내기:new Date() jQuery도 javaScript와 마찬가지로 현재 시간에 대한 정보를 알 수 있다. 현재 날짜와 시간에 대한 모든 정보를 가져올 땐 new Date(); 를 사용한다. [js] $(document).ready(function(){ var now = new Date(); $("p").eq(0).text(now); }); new Date()를 now라는 변수에 지정해서 출력해보면 현재 날짜에 대한 전체 정보가 출력된다. 마찬가지로 전체만 출력되는 것이 아니라 요일, 월, 일, 시간, 분, 초 등의 개별 정보만도 출력 가능하다. new Date(); 전체 날짜 정보 .getFullYear(); 연도 .getMonth()+1; 월(월은 0부터 시작하므로 +1을 해줘야한다.) .getDate(); 날짜 .get..
자바 스크립트 숫자인지 아닌지 판별 isNaN() 함수 출처 : https://redcow77.tistory.com/400
[jQurey] 자식 요소 선택방법 및 찾기, Children() 제이쿼리를 사용하여 간단하게 자식요소를 선택하는 방법을 알아보려고 합니다. 자식요소를 선택하는 방법에는 children() 함수가 많이 사용됩니다. 이 외에도 find() 함수가 존재하는데 오늘은 children()에 대하여 자세히 알아봅니다. # 제이쿼리 children() 자식요소 얻기위에 잠시 언급한 find() 그리고 오늘 알아볼 children()의 차이점을 알아보겠습니다. 이 둘의 차이점이라면 children()은 부모 요소의 바로 아래 단계인 자식요소만 선택할 수 있으나, find()는 부모 태그의 모든 하위 요소의 자식을 선택하여 가져올 수 있다는 점이 차이점입니다. 그럼 children()의 간단한 사용방법은 아래와 같습니다. $(element).children(option) 괄호안의 선..
[jQuery] select box 선택값 가져오기,value 값 여러 개 가져 오기 Select box ID로 접근하여 선택된 값 읽기 홍길동 조석 아무개 $("#userListSB option:selected").val(); Select box ID로 접근하여 선택된 텍스트 읽기 $("#userListSB option:selected").text(); //홍길동,조석,아무개.. Select box ID로 접근하여 여러 개 Value 값 가져오기. 홍길동 조석 아무개 $("#userListSB option:selected").attr('value2'); //value2에 userNumber 데이터 $("#userListSB option:selected").attr('value3'); //value3에 userPK 데이터 Select box Name로 접근하여 선택된 값 읽기 홍길동 조석..