<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>폼 요소의 값 가져오기 및 설정</title>
<script src="jquery-1.3.2-vsdoc2.js" type="text/javascript "></script>
<script type="text/javascript ">
$(document).ready(function () {
//val을 이용한 초기설정 잡기(좋다!)
$('#txtName').val("하이하이");
$('input:radio:').val(['F']);
$('#lstFavorites').val(['0','2']);
$('#btnOK').click(function () {
var msg = "";
//1 타겟 폼요소의 value속성을 가져온다. <>에러
msg += $('#txtName').val() + '\n';
//2 라디오버튼중 이름이 Gender이고 체크된 타겟의 value속성을 가져온다. <> undefined
msg += $('input:radio[name=Gender]:checked').val() + '\n';
//3 리스트박스에서 여러개 값 가져오기
msg += $('#lstFavorites').val().join(" | ") + '\n';
//
alert(msg);
});
});
</script>
</head>
<body>
텍스트박스 : <input type="text" id="txtName" /><br />
라디오버튼 :
<input type="radio" id="optGender1" name="Gender" value="M" />남
<input type="radio" id="optGender2" name="Gender" value="F" />여<br />
드롭다운리스트 :
<select id="lstFavorites" multiple="multiple" size="3">
<option value="0">JavaS-ript </option>
<option value="1">jQuery</option>
<option value="2">JavaS-ript </option>
</select><br />
<input type="submit" value="확인" id="btnOK" />
</body>
</html>