컴퓨터이야기/JQuery 셀렉트박스의 값이 인풋박스에 들어가게 하기 by 변화지시자 2011. 3. 29. 반응형 <!DOCTYPE html> <html> <head> <style> div { color:red; } </style> <script src="http://code.jquery.com/jquery-1.5.js"></script> </head> <body> <form> <INPUT type="text" name="txt" id="txt"> <select name="garden" size="5"> <option>Flowers</option> <option selected="selected">Shrubs</option> <option>Trees</option> <option >Bushes</option> <option>Grass</option> <option>Dirt</option> </select> <div></div> </form> <script> $("select").change(function () { var str = ""; $("select option:selected").each(function () { str += $(this).text() + " "; }); // $("div").text(str); $("#txt").val(str); }) .trigger('change'); </script> </body> </html> <SPAN id=tx_marker_caret></SPAN> 셀렉트박스선택시인풋박스입력.html 제가 약간 수정한 버전 : 셀렉트박스선택시인풋박스입력2단.html 출처 : www.jquery.com 의 소스입니다. 공유하기 게시글 관리 Change Agent(변화변혁 주도자) 저작자표시 관련글 셀렉트, 체크박스, 라디오 박스의 체크, 체인지 속성이용 폼안에 모든 input 갯수 찾기 Jquery validation plugin jQuery API 그림도표