생각보다 귀찮은 내용이다.
원래 id 로 접근 할 경우
<input type="text" name="sss" id="aaa">
라면
$("#aaa").val() 이라고 하면 바로 value 가 튀어나왔다
그런데 이게 name 으로 가면 귀찮아 진다.
$("input[name=sss]").val()
이런 형식으로 쓰여져야 하기 때문이다.
제이쿼리를 쓰는게 자바스크립트 글자 수 좀 줄여보려는
수작인 나에게 위의 방법은 가독성에는 도움이 되나
잘 안쓰게 될 것 같다.
예제 코드를 아래에 붙여 본다. (select 도 첨부한다.)
<%@ 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="../js/jquery-1.4.4.min.js"></script>
<script language="javascript">
function sub(){
alert($("#sss").val());
//id 로 접근 하는 법
alert($("select[name=s]").val());
alert($("input[name=t1]").val());
//name 으로 접근 하는 법
}
</script>
</head>
<body>
<form name='f'>
<select name="s" onchange='sub()' id="sss">
<option value='s1'>11</option>
<option value='s2'>22</option>
</select>
<input type="text" name="t1">
</form>
</body>
</html>
댓글