jquery text 제어

jquery text 제어

jquery로 <input type="text" /> 에 value를 설정하고 가져오는 방법.

//--------------------------------------------------------------------------------------------------------------------------------------

// 문서가 준비되면

$(document).ready(function(){

// #+아이디로 객체를 선택할수 있고 값을 줄수있다.

$("#text1").val("아이디로 값을 주는 방법");

// text1에 들어간 값을 변수에 저장하고 text2에 값을 넣을 수 있다.

var text1 = $("#text1").val();

$("#text2").val(text1);

// ""으로 넣으면 값을 초기화 시킬 수 있다.

$("#text3").val(text1);

$("#text3").val("");

// input type name을 한번에 선택하기.

//$("input[name='texts']").val("네임으로 선택해서 한번에 바꾸기");

});

  

<input type="text" id="text1" name="texts" />

<br/>

<input type="text" id="text2" name="texts" />

<br/>

<input type="text" id="text3" name="texts" />  

<br/>

 

//--------------------------------------------------------------------------------------------------------------------------------------

input type text value를 설정하고 가져오는 방법 끝 ~ !!