테스트 사이트 - 개발 중인 베타 버전입니다

Select 출력 입니다.

찬돌이 1년 전 조회 26,281

</p>

<p><select id ="txt"></p>

<p>  <option value="A"> A </option></p>

<p>  <option value="B"> B </option></p>

<p>  <option value="C"> C </option></p>

<p></select></p>

<p><div id ="result"></div></p>

<p>

 

</p>

<p><script></p>

<p>  const result = document.querySelector("#result");

  const txt = document.querySelector("#txt").value;

  const num = [1, 4, 5];

  let str = [];</p>

<p>  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"];</p>

<p>  txt.addEventListener('change', item => {

      str = num.map((index) => item[index]);

      result.innerHTML = str.join(", ");

  })</p>

<p></script></p>

<p>

 

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

수정 부탁 드립니다.

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

답변 1개

s
sinbi Expert
1년 전

</p>

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

<p><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"];</p>

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

 

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

찬돌이
1년 전
감사합니다.

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

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

로그인