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>
원하시는 게 이게 맞을려나요?
감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
