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개
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년 전
감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인