나는야짱임
44
2022-05-12 13:31:12
4
228

html id 값과 name 의 혼동.ㅠ


<select name="category1">
                   <option value="">카테고리1</option>
                   <option value="1"></option>
                   <option value="2"></option>
                   <option value="3"></option>
               </select>
               <select name="category2" id="categorycontract" style="display:none">
                   <option value="1"></option>
                   <option value="2"></option>
                   <option value="3"></option>
                   <option value="4"></option>
                   <option value="5"></option>
                   <option value="6"></option>
                   <option value="7"></option>
                   <option value="8"></option>
               </select>
               <select name="category2" id="categorypayment" style="display:none">
                   <option value="1"></option>
                   <option value="2"></option>
               </select>
               <select name="category2" id="categorycalculate" style="display:none">
                   <option value="1"></option>
                   <option value="2"></option>
               </select>

       위에가 html 이구 

밑에가 jquery 입니다 

$('select[name=category1]').change(function () {

            if ($(this).val() == '1') {

                $('#categorycontract').css('display', '');

                $('#categorypayment').css('display', 'none');

                $('#categorycalculate').css('display', 'none');

            } else if ($(this).val() == '2') {

                $('#categorypayment').css('display', '');

                $('#categorycontract').css('display', 'none');

                $('#categorycalculate').css('display', 'none');

            } else if ($(this).val() == '3') {

                $('#categorycalculate').css('display', '');

                $('#categorypayment').css('display', 'none');

                $('#categorycontract').css('display', 'none');

            } else {

                $('#categorycontract').css('display', 'none');

                $('#categorypayment').css('display', 'none');

                $('#categorycalculate').css('display', 'none');

            }

        });


$('select[name=category2]').change(function() {

    $.ajax ({~~~~~~~


}

이렇게 할생각인데요 제가 옜날에 배운거같은데 select 태그에 지금 name값이랑id값이 다른데 상관없나요 ? 

name이랑 id 무조건 같게 해야한다고 한거같은데..ㅠㅠㅠ 

혹시 이런식으로 코딩해도 괜찮을까요 ?  

카테고리1이 바뀔떄마다 2번 카테고리를 다르게 보여주고 2번째 카테고리가 변경될때마다 ajax로 통신하려고하는데요





0
  • 답변 4

  • 테스트맨
    360
    2022-05-12 13:37:31

    1. name이랑 id랑 달라도 상관 없음

    2. select간의 name은 달라야함 이상

  • console.error()
    2k
    2022-05-12 13:37:33

    id와 name이 무조건 같아야 한다는건 누가 알려준거죠 ?

  • NULL만나면
    3k
    2022-05-12 13:52:48 작성 2022-05-12 13:54:21 수정됨

    id와 name은 별개입니다.


    서울의 김철수와 부산의 김철수가 있으면 뒤늦게 네이버에 가입한 사람은 김철수 id를 쓸 수가 없잖아요.


    html도 같은 원리입니다.

  • bindoong
    309
    2022-05-12 14:36:28

    id와 name을 둘 다 쓸필요가 없어보이는데

  • 로그인을 하시면 답변을 등록할 수 있습니다.