li 서울을 선택하면 동시에 option 서울이 선택되게 하려면 어떻게 해야 하나요?
본문
li 서울을 선택하면
동시에 option 서울이 선택되게 하려면 어떻게 해야 하나요?
감사합니다.
<ul>
<li id="aaa">서울</li>
<li id="bbb">인천</li>
<li id="ccc">경기</li>
</ul>
<select>
<option id="aaa">서울</option>
<option id="bbb">서울</option>
<option id="ccc">서울</option>
</select>
답변 6
코드 한번 만들어 보았습니다.
링크 걸고 원페이지로 다시 넘어오면 선택된 value 값으로 표기됩니다.
<li onclick="sessionStorage.you='네이버'"><a href="https://www.naver.com/">네이버</a></li>
<li onclick="sessionStorage.you='다음'"><a href="https://www.daum.net/">다음</a></li>
<li onclick="sessionStorage.you='구글'"><a href="https://www.google.co.kr/">구글</a></li>
<br>
<select id=my>
<option style=display:none>선택하세요</option>
<option>네이버</option>
<option>다음</option>
<option>구글</option>
</select>
<script>
if (sessionStorage.you) my.value = sessionStorage.you;
</script>
sessionStorage.clear() 는 세션 스토리지를 삭제할 때 사용하는 메소드이니 알아서 원하는 부분에...
세션스토리지는 내가 윈도우를 끄면 자동삭제 되지만
윈도우를 켜 놓은 상태에서라면 링크가 일어나도 계속 데이터를 달고 다닙니다.
!-->셀렉트에 아이디를 하나 주고
<select id=my>
<li onclick=my.value=innerText>서울</li>
그런데 같은 아이디가 두개 있으면 안되고 li 의 글자는 option 의 글자 중 하나여야 합니다.
지금 보면 같은 아이디를 두개씩 사용하셨는데 li 외 option 에 아이디는 모두 필요없고 셀렉트에만 아이디를 주세요.
물론 이걸로 여분필드로 저장은 되지만 글 수정시 이전에 선택한 글자를 다시 부르려면 용을 좀 써야 합니다.
가장 쉬운 하드코딩은 아래와 같습니다.
결과물 확인 후 input 를 나중에 hidden 처리하면 되구요.
<input id=wr_1>
<span style=cursor:pointer onclick=wr_1.value=innerText>서울</span>
<span style=cursor:pointer onclick=wr_1.value=innerText>대전</span>
<span style=cursor:pointer onclick=wr_1.value=innerText>대구</span>
<span style=cursor:pointer onclick=wr_1.value=innerText>부산</span>
<span style=cursor:pointer onclick=wr_1.value=innerText>찍고</span>
----------
아래는 제가 주로 사용하는 루프문 코딩입니다. id 대신 클래스를 루프문으로 돌려도 됩니다.
<input id=wr_1>
<span id=span_1 style=cursor:pointer>서울</span>
<span id=span_2 style=cursor:pointer>대전</span>
<span id=span_3 style=cursor:pointer>대구</span>
<span id=span_4 style=cursor:pointer>부산</span>
<span id=span_5 style=cursor:pointer>찍고</span>
<script>
for (i = 1; i <= 5; i++) {
this["span_" + i].onclick = function() {
wr_1.value = this.innerText;
}
}
</script>
네, 현재창입니다.
innerText 이 부분은 서울 대전 대구 .. 이것을 넣으면 되는 것 맞죠?
애초에 질문보다 더 난이도가 높은 질문이네요.
이런 식으로 답변채택 안해주시고 꼬꼬무 질문을 하시는 건 좀...
이 코드에서 수정을 해 드리지는 못하구요.
2차 셀롁트 코드는 이렇게 짜면 원하는 걸 얻기가 어렵다는 말씀만 드리겠습니다.