4. 게시판 여분필드와 자바스크립트 : select
먼저 3편까지 이해를 하셔야 합니다.
1편 - https://sir.kr/g5_tip/20120
2편 - https://sir.kr/g5_tip/20129
3편 - https://sir.kr/g5_tip/20147
----------
셀렉트를 사용할 때는 보통 아래처럼 사용합니다.
[code]
<select id="wr_4" name="wr_4">
<option value="">선택하세요</option>
<option value="봄"<?php echo ($write['wr_4'] == "봄") ? " selected" : "";?>>봄</option>
<option value="여름"<?php echo ($write['wr_4'] == "여름") ? " selected" : "";?>>여름</option>
<option value="가을"<?php echo ($write['wr_4'] == "가을") ? " selected" : "";?>>가을</option>
<option value="겨울"<?php echo ($write['wr_4'] == "겨울") ? " selected" : "";?>>겨울</option>
</select>
[/code]
----------
셀렉트는 자바스크립트가 코드도 훨 간명합니다.
[code]
<select id="wr_4" name="wr_4">
<option style="display:none" value="">선택하세요</option>
<option>봄</option>
<option>여름</option>
<option>가을</option>
<option>겨울</option>
</select>
.
.
.
<script>wr_4.value = "<?php echo $write['wr_4']; ?>";</script>
[/code]
----------
write.skin.php 를 건드리지 않고 pc basic 스킨의 write.tail.skin.php 에서 표현하려면 아래처럼요
[code]
<script>
wrSelect_4 = `
<select id="wr_4" name="wr_4">
<option style="display:none" value="">선택하세요</option>
<option>봄</option>
<option>여름</option>
<option>가을</option>
<option>겨울</option>
</select>
`;
document.querySelector("#bo_w .bo_w_tit").insertAdjacentHTML("afterend", wrSelect_4);
wr_4.value = "<?php echo $write['wr_4']; ?>";
</script>
[/code]

위와 같이 만들어집니다.
다음에는 마지막으로 name="wr_5[]" 를 주지 않고 name="wr_5" 만 주면서 배열로 쪼개는 방법을 소개하겠습니다.
댓글 11개
감사합니다
감사합니다
감사합니다
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4399 | ||
| 1914 |
welcome
|
4년 전 | 2815 | |
| 1913 | 4년 전 | 3153 | ||
| 1912 | 4년 전 | 3834 | ||
| 1911 | 4년 전 | 4075 | ||
| 1910 |
|
4년 전 | 3320 | |
| 1909 | 4년 전 | 4119 | ||
| 1908 | 4년 전 | 6509 | ||
| 1907 |
D2Bweb
|
4년 전 | 3655 | |
| 1906 |
그누x쵸딩
|
4년 전 | 5076 | |
| 1905 |
그누x쵸딩
|
4년 전 | 2810 | |
| 1904 | 4년 전 | 4776 | ||
| 1903 | 4년 전 | 4242 | ||
| 1902 | 4년 전 | 3277 | ||
| 1901 | 4년 전 | 3776 | ||
| 1900 | 4년 전 | 3218 | ||
| 1899 | 4년 전 | 2990 | ||
| 1898 | 4년 전 | 4136 | ||
| 1897 | 4년 전 | 3291 | ||
| 1896 | 4년 전 | 2828 | ||
| 1895 |
welcome
|
4년 전 | 3060 | |
| 1894 |
welcome
|
4년 전 | 2654 | |
| 1893 | 4년 전 | 4890 | ||
| 1892 | 4년 전 | 4342 | ||
| 1891 |
7일의태양
|
4년 전 | 4448 | |
| 1890 | 4년 전 | 6446 | ||
| 1889 | 4년 전 | 4720 | ||
| 1888 | 4년 전 | 4347 | ||
| 1887 | 4년 전 | 3265 | ||
| 1886 |
슈퍼스타맨
|
4년 전 | 4797 | |
| 1885 | 4년 전 | 3809 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기