Web Programing Link/JQuery

jquery change() method

발라키르카 2018. 4. 5. 15:15
반응형

JQuery change() 메서드



=========

: element의 값이 change되었을때, change 이벤트 발생 (이때, element는 <inupt> <textarea> <select>만 해당됨)


-html-

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


-javascript-

$('#abc').change(function(){

alert("변경됨.");

});


input text박스의 내용이 변경되었을때 (change이벤트가 발생해서) "변경됨"이 호출되는 메서드가 실행됨.



=========

용법 (2가지)

---

1. 

$(selector).change()


Trigger the change event for the selected elements

선택된 element에 대해 change이벤트를 (강제로) 일으킨다.


ex>


<script>

$(document).ready(function(){

    $("button").click(function(){

        $("input").change();

    });

});

</script>


-html-


<button>Trigger change event for input field</button>


<input value="Donald" onchange="alert(this.value)" type="text">


button을 클릭하면 input에 change이벤트가 발생하고, 그러면 onchange에 따라 alert()가 실행.

---

2. 

$(selector).change(function)


Attach a function to the change event

선택된 element에 change이벤트가 발생하면 function을 실행한다.


내용 변경됨 => change이벤트 발생