다중셀렉트 값 저장하는 법

한번잘해보자

프로필 보기 이 회원 글보기 이 회원의 댓글보기

1년 전 1,481

구글링을 통해 다중 select 소스를 구하였습니다

값1 / 값2 / 값3을

각각 wr_8 / wr_9 / wr_10 으로 저장을 하고 싶은데 어떤 부분을 손대야 하는지 모르겠습니다

여러분의 도움이 필요합니다

Copy

<!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=utf-8">

<title>동적인 셀렉트박스 Test</title>




 

<script type="text/javascript">

function selectOne() {

 var a = document.forms[0].box1.value;

 //2번박스와 3번박스를 초기화함

 document.forms[0].box2.selectedIndex = 0;

 document.forms[0].box3.selectedIndex = 0;

 //ajax 사용시 a를 파라미터로 넘기고 아래의 html 코드를 받아오면 되겠네요

 //여기서는 하드 코딩으로 입력하겠습니다

 var imsi = "";

 if(a == 1){

  imsi += "<select name='box2' onchange='selectTwo()'>";

  imsi += "<option value='0'>=선택하세요=</option>";

  imsi += "<option value='1'>AirMaxLTD</option>";

  imsi += "<option value='2'>AirMax97</option>";

  imsi += "<option value='3'>AirMax03</option>";

  imsi += "  </select>";

  document.getElementById('strawberry').innerHTML = imsi;

 }else if(a == 2){

  imsi += "  <select name='box2' onchange='selectTwo()'>";

  imsi += "<option value='0'>=선택하세요=</option>";

  imsi += "<option value='4'>SuperStar</option>";

  imsi += "<option value='5'>Valley</option>";

  imsi += "<option value='6'>Campus</option>";

  imsi += "  </select>";

  document.getElementById('strawberry').innerHTML = imsi;

 }

}

function selectTwo() {

 var a = document.forms[0].box2.value;

 var imsi = '';

 switch(parseInt(a)){

 case 1 : imsi += "<select name='box3'><option value='0'>=선택하세요=</option>";

          imsi += "<option value=''>135,000원</option>";

          imsi += "<option value=''>135,000원</option>";

          imsi += "<option value=''>135,000원</option></select>";

          break;

 

 case 2 : imsi += "<select name='box3'><option value='0'>=선택하세요=</option>";

          imsi += "<option value=''>165,000원</option></select>";

          break;

 

 case 3 : imsi += "<select name='box3'><option value='0'>=선택하세요=</option>";

          imsi += "<option value=''>175,000원</option></select>";

          break;

 

 case 4 : imsi += "<select name='box3'><option value='0'>=선택하세요=</option>";

          imsi += "<option value=''>95,000원</option></select>";

          break;

 

 case 5 : imsi += "<select name='box3'><option value='0'>=선택하세요=</option>";

          imsi += "<option value=''>105,000원</option></select>";

          break;

 

 case 6 : imsi += "<select name='box3'><option value='0'>=선택하세요=</option>";

          imsi += "<option value=''>85,000원</option></select>";

          break;

 

 }

 document.getElementById('pineapple').innerHTML = imsi;

}

 

</script>

</head>

<body>

 

<form>

  <div id="boxTest">

    <select name="box1" onchange="selectOne()">

        <span id="orange">

          <option value="0">=선택하세요=</option>

          <option value="1">나이키</option>

          <option value="2">아디다스</option>

          <option value="3">아디다스</option>

        </span>

    </select>

   

    <span id="strawberry">  

     <select name="box2">

         <option value="0">=선택하세요=</option>

     </select>  

    </span>

   

    <span id="pineapple">

     <select name="box3">

        <option value="0">=선택하세요=</option>

     </select>    

    </span>

  </div>

</form>

 </body>

</html>

select

답변 2개

채택된 답변

+20 포인트

coDribble

프로필 보기 이 회원 글보기 이 회원의 댓글보기

1년 전

select 의 name 값을 변경하면 될 것 같습니다.

box1 을 wr_8 로,

box2 를 wr_9 로,

box3 을 wr_10 으로요.

하나 더 select 요소의 자식 요소로는 span 이 올 수 없어요. 잘못 된 구조입니다!

비타주리

프로필 보기 이 회원 글보기 이 회원의 댓글보기

1년 전

그냥 단순하게 아래처럼 하면 되지 않나요?

wr_8 의 경우입니다.

Copy

<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>

답변을 작성하려면 로그인이 필요합니다.

다중셀렉트 값 저장하는 법

답변 2개

공유하기