<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function()
{
testVal();
});
function testVal(){
$('input#textval').val($('select#selectval option:selected').val());
}
</script>
</head>
<body>
<input type="text" id="textval" value="do~" />
<select id="selectval" onchange=testVal();>
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
<div id="messageval"></div>
</body>
</html>
val(value) 함수는 선택한 엘리먼트의 val을 바꿔줍니다.
여기선 select의 값을 가져와서 그 값을 text 문에 넣는 방식입니다.
'web > jQuery' 카테고리의 다른 글
| jQuery after() prepend() (0) | 2011.01.11 |
|---|---|
| jQuery click() (0) | 2011.01.10 |
| jQuery val() (0) | 2011.01.08 |
| jQuery prev() next() (2) | 2011.01.07 |
| jQuery insertAfter() (0) | 2011.01.06 |
