반응형

동일한 name으로 이루어진 select box의 text 값 구하기


var foo = [];

$("select[name=cons_cau] option:selected").each(function(i, selected){

if(i==0) console.log($(selected).text());

else if(i==1) console.log($(selected).text());

});


도움을 받은 곳 : http://marcgrabanski.com/jquery-select-list-values/

반응형
저작자표시

'jQuery' 카테고리의 다른 글

팝업창에서 스크롤을 내렸을 때 input 박스 수정 알리기 기능  (0) 2018.01.19
a 태그를 클릭 했을 경우 부모의 id값 가져오기  (0) 2017.03.08
checkbox 배열 값 가져오기  (0) 2017.01.18
radio box(라디오 박스)값 변경 시 이벤트  (0) 2017.01.10
select 박스에 생성된 값을 가져와서 출력하기  (0) 2016.09.27
반응형

팝업창에서 스크롤을 내렸을 때 input 박스 수정 알리기 기능

스크롤을 하단으로 내렸을 경우 특정 input box에 배경색이 잠깐 깜빡였다가 사라지는 기능을 만들어 보았다~

function setBorderColor(){
  $("#crime_top").css('background-color','#99CCFF');
  $("#crime_bottom").css('background-color','#99CCFF');
 }
 function defBorderColor(){
  $("#crime_top").css('background-color','#FFFFFF');
  $("#crime_bottom").css('background-color','#FFFFFF');
 }

 function timer(){
  var count = 0;
  var timer = setInterval(function(){
   count = count +1;
   setBorderColor();
   if(Number(count)==1||Number(count)==3){
    defBorderColor();
   }else if(Number(count)==5){
    clearInterval(timer);
    defBorderColor();
   }
  }, 300);
 }

 

$(document).ready(function(){
    
  var switchNotice = true;  
  $(window).scroll(function(){
   var position = $(window).scrollTop();
   //console.log(position);
   if(position > 200 && switchNotice){
    timer();
    switchNotice = false;
   }
  });

});

 

도움을 받은 곳 : http://findfun.tistory.com/466

http://eversong0723.blogspot.kr/2016/04/scroll.html

http://seongilman.tistory.com/297

반응형

'jQuery' 카테고리의 다른 글

동일한 name으로 이루어진 select box의 text 값 구하기  (0) 2018.03.13
a 태그를 클릭 했을 경우 부모의 id값 가져오기  (0) 2017.03.08
checkbox 배열 값 가져오기  (0) 2017.01.18
radio box(라디오 박스)값 변경 시 이벤트  (0) 2017.01.10
select 박스에 생성된 값을 가져와서 출력하기  (0) 2016.09.27
반응형

<a href="#a" class="btn-trash" title="삭제"><span class="text-hidden">삭제</span></a>


$(".btn-trash").click(function(){

var trashParam = $(this).parent().attr('id');

$('#'+ trashParam).hide();

});


[출처:stackoverflow] http://stackoverflow.com/questions/10260667/jquery-get-parent-parent-id

반응형

'jQuery' 카테고리의 다른 글

동일한 name으로 이루어진 select box의 text 값 구하기  (0) 2018.03.13
팝업창에서 스크롤을 내렸을 때 input 박스 수정 알리기 기능  (0) 2018.01.19
checkbox 배열 값 가져오기  (0) 2017.01.18
radio box(라디오 박스)값 변경 시 이벤트  (0) 2017.01.10
select 박스에 생성된 값을 가져와서 출력하기  (0) 2016.09.27
반응형

var checkDev = [];

$("input[name='pjSkillDev']:checked").each(function(i) {

checkDev.push($(this).val());

});

$("#displaySkills").val(checkDev);


참고 사이트 : [무중력고기님 블로그] http://zero-gravity.tistory.com/241

반응형

'jQuery' 카테고리의 다른 글

팝업창에서 스크롤을 내렸을 때 input 박스 수정 알리기 기능  (0) 2018.01.19
a 태그를 클릭 했을 경우 부모의 id값 가져오기  (0) 2017.03.08
radio box(라디오 박스)값 변경 시 이벤트  (0) 2017.01.10
select 박스에 생성된 값을 가져와서 출력하기  (0) 2016.09.27
배열 eq(index) 접근 방법  (0) 2016.08.01
반응형

$('input[name="gubun"]').change(function(){

if($(this).val() == 1) {

console.log('1');

}else {

console.log('2');

}

});

반응형

'jQuery' 카테고리의 다른 글

a 태그를 클릭 했을 경우 부모의 id값 가져오기  (0) 2017.03.08
checkbox 배열 값 가져오기  (0) 2017.01.18
select 박스에 생성된 값을 가져와서 출력하기  (0) 2016.09.27
배열 eq(index) 접근 방법  (0) 2016.08.01
jQuery css 다중 값 적용  (0) 2016.07.28
반응형

--- <html> ---

<select id="selectInfo" name="selectInfo">

<option value="test1">abc</option>

<option value="test2">def</option>

</select>


--- <js> ---

function resultFormatter(cellvalue, options, rowObject){

var result = "";

$('#selectInfo > option').each(function(){

if(cellvalue.toString() == $(this).val(){

result = $(this).text();

}

});

return result;

}


function에 cellvalue, options, rowObject가 들어가 있는 것은 jqGrid에서 사용하는 것이기 때문에 들어가 있는 것이고 상황에 맞게 응용해서 사용하면 도움이 될 것으로 예상됩니다.

반응형

'jQuery' 카테고리의 다른 글

checkbox 배열 값 가져오기  (0) 2017.01.18
radio box(라디오 박스)값 변경 시 이벤트  (0) 2017.01.10
배열 eq(index) 접근 방법  (0) 2016.08.01
jQuery css 다중 값 적용  (0) 2016.07.28
jQuery 기초 input 값 가져오기 넣기  (0) 2016.07.28
반응형

- jQuery 배열 eq(index) 접근 방법

var $images = $("img");

var length = $images.length;


for(var i=0; i<length; i++) {

...

$images.eq(i).css({

left:x,

top:100

});

    }

  });

});



<html>

<img src="img/1.png">

<img src="img/2.png">

<img src="img/3.png">

</html>

반응형

'jQuery' 카테고리의 다른 글

checkbox 배열 값 가져오기  (0) 2017.01.18
radio box(라디오 박스)값 변경 시 이벤트  (0) 2017.01.10
select 박스에 생성된 값을 가져와서 출력하기  (0) 2016.09.27
jQuery css 다중 값 적용  (0) 2016.07.28
jQuery 기초 input 값 가져오기 넣기  (0) 2016.07.28
반응형

<style>

#fish{

position:absolute;

left:50px;

top:200px;

}

</style>

이 다음과 같이 선언되어 있을 경우

예를 들어 이미지의 좌표를 입력하여서 움직이게 만드는 경우 다음과 같이 사용


$fish.css({

"left": x,

"top": y

});


콤마(,) 삽입 주의



$fish.css({

left: x,

top: y

});

반응형

'jQuery' 카테고리의 다른 글

checkbox 배열 값 가져오기  (0) 2017.01.18
radio box(라디오 박스)값 변경 시 이벤트  (0) 2017.01.10
select 박스에 생성된 값을 가져와서 출력하기  (0) 2016.09.27
배열 eq(index) 접근 방법  (0) 2016.08.01
jQuery 기초 input 값 가져오기 넣기  (0) 2016.07.28
반응형
자바 스크립트

<script>
function calc() {
var val1 = $("#val1").val(); // input 값을 가져올 때 사용하는 방식
var result = val1;
$("#result").val(result);    // result 값을 input에 넣을 때 사용하는 방식
}

</script>


<input type="text" id="val1">

<input type="text" id="result" readonly>


반응형

'jQuery' 카테고리의 다른 글

checkbox 배열 값 가져오기  (0) 2017.01.18
radio box(라디오 박스)값 변경 시 이벤트  (0) 2017.01.10
select 박스에 생성된 값을 가져와서 출력하기  (0) 2016.09.27
배열 eq(index) 접근 방법  (0) 2016.08.01
jQuery css 다중 값 적용  (0) 2016.07.28

+ Recent posts

티스토리툴바