티스토리 뷰

1. 개념
select 역할
select는 데이터를 주고 받을 때 리스트 형태의 모습을 가지고 있음
옵션 데이터가 추가 되어도 고정된 틀을 가지고 있기 때문에 전체적인 레이어 변화에는 영향이 없음
한 개 이상의 값을 선택하고자 할 경우에는 select에 multiple 이라는 옵션을 넣어줘야 함
2. 예제
select 예시
PHP 코드
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<! DOCTYPE html>
<html lang = "kr" >
<head>
<meta charset = "utf-8" >
<title> 키보드와 하루 </title>
</head>
<body>
<?php
$v_keyname = $_POST [ "key_name" ];
print_r( $v_keyname );
 
//값이 있을 경우에는 리스트에서 선택 하기 위한 함수
function select( $val , $array )
{
if (in_array( $val , $array ))
{
echo "selected" ;
}
}
?>
<form method = "POST" action = "<?php echo $_SERVER [ 'PHP_SELF' ];?>" >
<select name = "key_name[]" size = "3" multiple >
<option value = "key1" <?php select( "key1" ,
$v_keyname );} ?> > 키1 </option>
<option value = "key2" <?php select( "key2" ,
$v_keyname );} ?> > 키2 </option>
<option value = "key3" <?php select( "key3" ,
$v_keyname );} ?> > 키3 </option>
<option value = "key4" <?php select( "key4" ,
$v_keyname );} ?> > 키4 </option>
</select>
<input type = "submit" value = "전송" />
</form>
</body>
</html>
결과 화면
코드 설명
리스트 박스는 고정된 틀로 되어 있습니다.
일반적으로 체크박스나 라디어 박스 경우에는 옵션 값을 추가하고자 할 때 넓이나 높이가 달라지겠지만 리스트 박스는 그렇지가 않습니다.
그렇다고 리스트 박스가 무조건 좋은 것은 아닙니다.
자신이 설정해 높은 행 개수 만큼만 보여지기 때문에 추가한 옵션 값을 보기 위해서는 아래로 내려야 한다는 단점도 있습니다.
그래서 리스트 박스나 다른 것을 사용할 때는 자신의 필요에 맞게 사용하시면 됩니다.
그리고 리스트 박스에서 한 개 이상의 값을 선택할 때는 multiple 이라는 옵션을 넣어주고 여러개의 값을 선택하고자 할 경우에는 ctrl 버튼을 누른 상태에서 값을 선택해 주시면 됩니다.
그리고 라디오 박스와는 다르게 선택한 값을 체크하고자 할 경우에는 checked 가 아니라 selected 로 설정해 주시면 됩니다.
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday