Select 출력 입니다.

Select 출력 입니다.

QA

Select 출력 입니다.

본문


<select id ="txt">
  <option value="A"> A </option>
  <option value="B"> B </option>
  <option value="C"> C </option>
</select>
<div id ="result"></div>

 


<script>
  const result = document.querySelector("#result");
  const txt = document.querySelector("#txt").value;
  const num = [1, 4, 5];
  let str = [];
  const A = ["", "AA", "AB", "AC", "AD", "AE", "AF", "AG"];
  const B = ["", "BA", "BB", "BC", "BD", "BE", "BF", "BG"];
  const C = ["", "CA", "CB", "CC", "CD", "CE", "CF", "CG"];
  txt.addEventListener('change', item => {
      str = num.map((index) => item[index]);
      result.innerHTML = str.join(", ");
  })
</script>

 

화면 출력은 , , 만 출력 됩니다.

수정 부탁 드립니다.

이 질문에 댓글 쓰기 :

답변 1


<select id="txt">
  <option value="">선택 </option>
  <option value="A"> A </option>
  <option value="B"> B </option>
  <option value="C"> C </option>
</select>
<div id="result"></div>
<script>
  const result = document.querySelector("#result");
  const txt = document.querySelector("#txt");
  const num = [1, 4, 5];
  let str = [];
  const A = ["", "AA", "AB", "AC", "AD", "AE", "AF", "AG"];
  const B = ["", "BA", "BB", "BC", "BD", "BE", "BF", "BG"];
  const C = ["", "CA", "CB", "CC", "CD", "CE", "CF", "CG"];
  txt.addEventListener('change', () => {
    const selectedValue = txt.value;
    str = num.map((index) => {
      switch (selectedValue) {
        case "A":
          return A[index];
        case "B":
          return B[index];
        case "C":
          return C[index];
        default:
          return "";
      }
    });
    result.innerHTML = str.join(", ");
  });
</script>

 

원하시는 게 이게 맞을려나요?

답변을 작성하시기 전에 로그인 해주세요.
전체 277
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT