ajax에서 배열의 값을 java단으로 넘기고 싶은데 null값이 출력된 경우가 있을 것이다.

 

이럴때에는 

ajax속성중에 

taraditional : ture를 주면 배열의 값을 자바단에 넘겨줄수 있게 만든다

 

$.ajax({
url : "/selectTermsRequireDataChk.do",
data : {"checkedTermNoArr" : checkedTermNoArr},
traditional : true,

success : function(data) {
alert(data);
}

if () {

 

 return;

}

> null을 반환 (null을 return)

 

if () {

 

 return true;

}

> true을 반환 (true을 return)

 

if () {

 

 return false;

}

> false을 반환 (false을 return)

 

음....... return / return true / return false를 사용하는 이유는

 

호출한 곳에서 값을 받는곳이 있으면 true, false

없으면 그냥 return만 사용

 

예를 들면

var validChkCls = {
gridValidchkFn : function() {

 

if (eachEmptyChk > 0) {
alert("빈값이 존재합니다.");

return false;
}

if (eachNumChk > 0) {
alert("노출순서는 숫자만 입력가능 합니다.");

return false;
}

return true;
},

 

 

var gridActionCls = {
validChkCallFn : function() {
//그리드 유효성 검사
if (!validChkCls.gridValidchkFn()) {
return false;
}

return true;

}

 

Math.max.apply(nlll,배열); //최대값

 

Math.min.apply(nlll,배열); //최소값

 

var array = [-1, 2, 5, 7, 9];

 

Math.max.apply(null,array); 

> 9

 

Math.min.apply(null,array); 

> -1

css 파일 안에 


caption {position:absolute;}

 

아이폰으로 크롬,사파리에서는 '%'로 테이블 col width 값을 준 경우


간격이 모두 똑같아 보이는 현상이 생기는데, 이런 경우는 caption의 스타일에 position:absolute가 들어 있어서 생긴다. 


그렇다고 absolute를 빼버리면 top:-9999를 처리할 수가 없고, 이게 처리가 안되면, caption이 보인다.

 

따라서 다음과 같이 수정하는 것을 추천.


caption {visibility:hidden; overflow:hidden; width:0;height:0;font-size:0;line-height:0}



 

<div style="cursor:pointer;" onclick="window.scrollTo(0,0);">TOP</div>

javascript에서 JSON형태의 값을 alert을 찍을때

alert(변수명); 

[object object]로 나올경우 

alert(JSON.stringify(변수명)); 

으로 찍을경우 해당 값을 확인 할 수 있다.


onkeypress 속성은 키보드 이벤트 입니다. 

사용자가 키를 누르고 실행할때(키를 클릭한 시점)에 스크립트를 실행합니다.


1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
<!--
  function eventonkeypress() {
    alert("사용자가 키를 누르고 키를 실행하였습니다.");
  }
-->
</script>
</head>
<body>
  <input name="test" onkeypress="eventonkeypress()">
</body>
cs
와 같이 만듭니다.


위의 소스를 응용해서 사용자가 엔터키를 눌렀을때 발생하도록 하겠습니다.


1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
<!--
  function eventonkeypress() {
    if (event.keyCode==13) {
            alert("사용자가 키를 누르고 키를 실행하였습니다.");
        }   
  }
-->
</script>
</head>
<body>
  <input name="test" onkeypress="eventonkeypress()">
</body>
cs


[jquery] select  box 선택값 가져오기


// select box ID로 접근하여 선택된 값 읽기 ( 선택된 value )
$("#셀렉트박스ID option:selected").val();

// select box Name로 접근하여 선택된 값 읽기
$("select[name=셀렉트박스name]").val();

// 같은 방식으로 span과 같은 다른 태그도 접근 가능하다~
$("span[name=셀렉트박스name]").text();

// 선택된 값의 index를 불러오기
var index = $("#셀렉트박스ID option").index($("#셀렉트박스ID option:selected"));

// 셀렉트 박스에 option값 추가하기
$("#셀렉트박스ID").append("<option value='1'>1번</option>");

// 셀렉트 박스 option의 맨앞에 추가 할 경우
$("#셀렉트박스ID").prepend("<option value='0'>0번</option>");

// 셀렉트 박스의 html 전체를 변경할 경우
$("#셀렉트박스ID").html("<option value='1'>1차</option><option value='2'>2차</option>");

// 셀렉트 박스의 index별로 replace를 할 경우
// 해당 객체를 가져오게 되면, option이 다수가 되므로 배열 객체가 되어 eq에 index를 넣어 개별 개체를 선택할 수 있다.
$("#셀렉트박스ID option:eq(1)").replaceWith("<option value='1'>1차</option>");

// 직접 index 값을 주어 selected 속성 주기
$("#셀렉트ID option:eq(1)").attr("selected", "selected");

// text 값으로 selected 속성 주기
$("#셀렉트ID")val("1번").attr("selected", "selected");

// value 값으로 selected 속성 주기
$("#셀렉트ID").val("1");

// 해당 index item 삭제하기
$("#셀렉트ID option:eq(0)").remove();

// 첫번째, 마지막 item 삭제하기
$("#셀렉트ID option:first").remove();
$("#셀렉트ID option:last").remove();

// 선택된 옵션의 text, value 구하기
$("#셀렉트ID option:selected").text();
$("#셀렉트ID option:selected").val();

// 선택된 옵션의 index 구하기
$("#셀렉트ID option").index($("#셀렉트ID option:selected"));

// 셀렉트박스의 아이템 갯수 구하기
$("#셀렉트ID option").size();

// 선택된 옵션 전까지의 item 갯수 구하기
$("#셀렉트ID option:selected").prevAll().size();

// 선택된 옵션 후의 item 갯수 구하기
$("#셀렉트ID option:selected").nextAll().size();

// 해당 index item 이후에 option item 추가 하기
$("#셀렉트ID option:eq(0)").after("<option value='3'>3번</option>");

// 해당 index item 전에 option item 추가하기
$("#셀렉트ID option:eq(3)").before("<option value='2'>2번</option>");

// 해당 셀렉트 박스에 change event binding 하기
$("#selectID").change(function() {
alert($(this).val());
alert($(this).children("option:selected").text());
});


[jquery] select  box 선택값 가져오기

 

function (e)  <<<<< (e) 는 event 관련 object를 받는 argument 이다.

+ Recent posts