1.jpg

 

현재 이미지의 1번과 같이 출력이 되고 있습니다.

이미지의 2번과 같이 출력을 하고 싶은데 어떻게 수정해야 하는지 한번 보아주세요.

 

<p>배송지역</p>

<select onchange="categoryChange(this)">
    <option>배송지역선택</option>
    <option value="a">경기도 2000원</option>
    <option value="b">충청도 3500</option>
    <option value="c">전라도 3200</option>
    <option value="d">경상도 4000</option>
</select>


<P>배달비용: <select id="good"><option>0</option></select>원</p>


<script>
function categoryChange(e) {
  var good_a = ['2000'];
  var good_b = ['3500'];
  var good_c = ['3200'];
  var good_d = ['4000'];
  var target = document.getElementById("good");
 
  if(e.value == "a") var d = good_a;
  else if(e.value == "b") var d = good_b;
  else if(e.value == "c") var d = good_c;
  else if(e.value == "d") var d = good_d;
 
  target.options.length = 0;
 
  for (x in d) {
    var opt = document.createElement("option");
    opt.value = d[x];
    opt.innerHTML = d[x];
    target.appendChild(opt);
  } 
}
</script>

 

 

  • ?
    음.. 이거 실사용하실꺼아니죠..?
    저런식이면 조작이 다 가능할텐데.. 서버단에서 수정을하면모르겠는데 자바스크립트로 저런식으로 만들면 안됩니다..
  • ? profile
    그럼 어떻게 해야하는지 조언 부탁드립니다.
  • profile ?
    음.. db 테이블을 하나만들고 해당값들을 넣고, 불러오시거나 혹은 php상에 변수를 위와같이 만들고 post 값을 보내거나해야겠죠?
    자바스크립트는 조작이가능해서 a = ['0'] 이렇게만 콘솔에 넣으면 0원이 되버리는 꼴이라.. 보통 저런 금액적인거는 자바스크립트로 구현하면안됩니다.
  • ? profile

    조언 감사합니다.