비

4. 게시판 여분필드와 자바스크립트 : select

· 2023-03-16 (목) 14:25:29 · 4724 · 11

먼저 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]

 

31845957_1678944302.5782.jpg

 

위와 같이 만들어집니다.

다음에는 마지막으로 name="wr_5[]" 를 주지 않고 name="wr_5" 만 주면서 배열로 쪼개는 방법을 소개하겠습니다. 

|

댓글 11개

좋은자료 감사합니다^^
2023-03-16 (목) 15:42:06
@푸른산타 아이쿠 늘 감사합니다.
^^ 시리즈 계속 구독중입니다
감사합니다
2023-03-16 (목) 20:40:43
@미키손
감사합니다
시리즈를 완료하면 별도로 모아서 정리하면 무진장 좋은 자료가 될것 같사옵니다.
2023-03-16 (목) 20:40:55
@오빠야
감사합니다
감사합니다.
2023-03-16 (목) 23:54:34
@써맨 감사합니다
감사 합니다.
2023-03-17 (금) 09:58:28
@들레아빠 감사합니다
2023-03-24 (금) 00:41:34
좋은자료 감사합니다
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
23-03-16 조회 4,087
23-03-16 조회 4,725
23-03-11 조회 4,910
23-03-09 조회 4,304
23-03-08 조회 4,701
23-03-07 조회 4,524
23-03-06 조회 5,144
23-03-05 조회 4,280
23-03-03 조회 5,971
23-03-02 조회 5,198
23-03-02 조회 4,135
23-03-01 조회 3,823
23-02-20 조회 4,175
23-02-16 조회 4,773
23-02-16 조회 4,113
23-02-11 조회 4,449
23-02-10 조회 4,942
23-02-08 조회 4,328
23-02-06 조회 4,686
23-02-05 조회 4,744
23-02-02 조회 5,988
23-02-02 조회 5,517
23-02-02 조회 3,808
23-02-02 조회 4,285
23-02-02 조회 4,625
23-02-01 조회 4,695
23-01-30 조회 4,397
23-01-27 조회 4,701
23-01-27 조회 5,856
23-01-25 조회 5,124