다중셀렉트 값 저장하는 법 채택완료
한번잘해보자
1년 전
조회 1,174
구글링을 통해 다중 select 소스를 구하였습니다
값1 / 값2 / 값3을
각각 wr_8 / wr_9 / wr_10 으로 저장을 하고 싶은데 어떤 부분을 손대야 하는지 모르겠습니다
여러분의 도움이 필요합니다
</p>
<p> </p>
<p><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"</p>
<p> </p>
<p> "<a href="http://www.w3.org/TR/html4/loose.dtd">" target="_blank" rel="noopener noreferrer">http://www.w3.org/TR/html4/loose.dtd"></a></p>
<p><html></p>
<p><head></p>
<p><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></p>
<p><title>동적인 셀렉트박스 Test</title></p>
<p>
</p>
<p><script type="text/javascript"></p>
<p>function selectOne() {</p>
<p> var a = document.forms[0].box1.value;</p>
<p> //2번박스와 3번박스를 초기화함</p>
<p> document.forms[0].box2.selectedIndex = 0;</p>
<p> document.forms[0].box3.selectedIndex = 0;</p>
<p> //ajax 사용시 a를 파라미터로 넘기고 아래의 html 코드를 받아오면 되겠네요</p>
<p> //여기서는 하드 코딩으로 입력하겠습니다</p>
<p> var imsi = "";</p>
<p> if(a == 1){</p>
<p> imsi += "<select name='box2' onchange='selectTwo()'>";</p>
<p> imsi += "<option value='0'>=선택하세요=</option>";</p>
<p> imsi += "<option value='1'>AirMaxLTD</option>";</p>
<p> imsi += "<option value='2'>AirMax97</option>";</p>
<p> imsi += "<option value='3'>AirMax03</option>";</p>
<p> imsi += " </select>";</p>
<p> document.getElementById('strawberry').innerHTML = imsi;</p>
<p> }else if(a == 2){</p>
<p> imsi += " <select name='box2' onchange='selectTwo()'>";</p>
<p> imsi += "<option value='0'>=선택하세요=</option>";</p>
<p> imsi += "<option value='4'>SuperStar</option>";</p>
<p> imsi += "<option value='5'>Valley</option>";</p>
<p> imsi += "<option value='6'>Campus</option>";</p>
<p> imsi += " </select>";</p>
<p> document.getElementById('strawberry').innerHTML = imsi;</p>
<p> }</p>
<p>}</p>
<p>function selectTwo() {</p>
<p> var a = document.forms[0].box2.value;</p>
<p> var imsi = '';</p>
<p> switch(parseInt(a)){</p>
<p> case 1 : imsi += "<select name='box3'><option value='0'>=선택하세요=</option>";</p>
<p> imsi += "<option value=''>135,000원</option>";</p>
<p> imsi += "<option value=''>135,000원</option>";</p>
<p> imsi += "<option value=''>135,000원</option></select>";</p>
<p> break;</p>
<p> </p>
<p> case 2 : imsi += "<select name='box3'><option value='0'>=선택하세요=</option>";</p>
<p> imsi += "<option value=''>165,000원</option></select>";</p>
<p> break;</p>
<p> </p>
<p> case 3 : imsi += "<select name='box3'><option value='0'>=선택하세요=</option>";</p>
<p> imsi += "<option value=''>175,000원</option></select>";</p>
<p> break;</p>
<p> </p>
<p> case 4 : imsi += "<select name='box3'><option value='0'>=선택하세요=</option>";</p>
<p> imsi += "<option value=''>95,000원</option></select>";</p>
<p> break;</p>
<p> </p>
<p> case 5 : imsi += "<select name='box3'><option value='0'>=선택하세요=</option>";</p>
<p> imsi += "<option value=''>105,000원</option></select>";</p>
<p> break;</p>
<p> </p>
<p> case 6 : imsi += "<select name='box3'><option value='0'>=선택하세요=</option>";</p>
<p> imsi += "<option value=''>85,000원</option></select>";</p>
<p> break;</p>
<p> </p>
<p> }</p>
<p> document.getElementById('pineapple').innerHTML = imsi;</p>
<p>}</p>
<p> </p>
<p></script></p>
<p></head></p>
<p><body></p>
<p> </p>
<p><form></p>
<p> <div id="boxTest"></p>
<p> <select name="box1" onchange="selectOne()"></p>
<p> <span id="orange"></p>
<p> <option value="0">=선택하세요=</option></p>
<p> <option value="1">나이키</option></p>
<p> <option value="2">아디다스</option></p>
<p> <option value="3">아디다스</option></p>
<p> </span></p>
<p> </select></p>
<p> </p>
<p> <span id="strawberry"> </p>
<p> <select name="box2"></p>
<p> <option value="0">=선택하세요=</option></p>
<p> </select> </p>
<p> </span></p>
<p> </p>
<p> <span id="pineapple"></p>
<p> <select name="box3"></p>
<p> <option value="0">=선택하세요=</option></p>
<p> </select> </p>
<p> </span></p>
<p> </div></p>
<p></form></p>
<p> </body></p>
<p></html></p>
<p> </p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
1년 전
select 의 name 값을 변경하면 될 것 같습니다.
box1 을 wr_8 로,
box2 를 wr_9 로,
box3 을 wr_10 으로요.
하나 더 select 요소의 자식 요소로는 span 이 올 수 없어요. 잘못 된 구조입니다!
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
1년 전
그냥 단순하게 아래처럼 하면 되지 않나요?
wr_8 의 경우입니다.
</p>
<p><select id="wr_8" name="wr_8">
<option style="display:none" value="">선택하세요</option>
<option>봄</option>
<option>여름</option>
<option>가을</option>
<option>겨울</option>
</select>
.
.
.
<script>
wr_8.value = "<?php echo $write['wr_8']; ?>";
</script></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인