Select 출력 입니다.

Select 출력 입니다.

QA

Select 출력 입니다.

답변 1

본문


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

 

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 64
© SIRSOFT
현재 페이지 제일 처음으로