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

셀렉트 박스 (펼침메뉴) 링크이동완료후 이동된 셀렉트메뉴를 표시하고싶습니다. 채택완료

웹표준초보자 10년 전 조회 5,979

</span></p><p><span style="color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px; font-size: 10pt;"><!doctype html></span></p><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;"><html lang="KO"></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;"><head></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;"><title> </title></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;"><script type="text/javascript"></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">function go_url(url){</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">    if(url) window.open(url, "main", " ");   // 2번째는 팝업 이름입니다.</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">    document.getElementById("select").options[0].selected = true;</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">}</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;"></script></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;"></head></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;"><body></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;"><select name="select" id="select" onchange="window.location=this.value"></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">    <option>---목록에서 선택하세요---</option></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">    <option value="<a href="<a href="http://naver.com" target="_blank" rel="noopener noreferrer">http://naver.com</a>"><a href="http://naver.com" target="_blank" rel="noopener noreferrer">http://naver.com</a></a>">공지사항</option></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">    <option value="<a href="<a href="http://naver.com" target="_blank" rel="noopener noreferrer">http://naver.com</a>"><a href="http://naver.com" target="_blank" rel="noopener noreferrer">http://naver.com</a></a>">사진</option></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">    <option value="<a href="<a href="http://naver.com" target="_blank" rel="noopener noreferrer">http://naver.com</a>"><a href="http://naver.com" target="_blank" rel="noopener noreferrer">http://naver.com</a></a>">고객센터</option></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;"></select></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;"></body></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;"></html></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; line-height: 22.1000003814697px;">
현재 소스는 이렇게 사용하였고, 메인페이지와,서브페이지가 두개로 나뉘어져있습니다.
메인페이지에서 공지사항 셀렉트를 선택후 링크이동을 한후 셀렉트박스안에서 
목록에서 선택하세요. 가 아닌 현재 내가 이동한 링크페이지의 이름. (공지사항)이 표시가되게하고싶습니다..ㅠㅠ

 

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

답변 2개

채택된 답변
+20 포인트

get으로 넘겨서 받으면 되겠네요.

 

스크립트만써서 받으면 나중에 추가로 값을 더넘겨줘야할때가되면 정규식 써서 잘라내야해서 소스가길어지고, php로만 처리하면 셀렉트의 옵션들이 지저분해지니깐. php로 받아서 스크립트로 처리하세요.

 

</p><p><script></p><p>document.getElementById("select").selectedIndex="<?=$_GET[value]?>";</p><p></script></p><p><span style="line-height: normal; font-size: 10pt;"><select name="select" id="select" onchange="window.location=this.value"></span></p><pre style="line-height: normal;">    <option>---목록에서 선택하세요---</option>
    <option value="<a href="http://naver.com?value=1" target="_blank" rel="noopener noreferrer">http://naver.com?value=1</a>">공지사항</option> // 뒤에 파라미터 적어준거 value=숫자
    <option value="<a href="http://naver.com?value=2" target="_blank" rel="noopener noreferrer">http://naver.com?value=2</a><span id="husky_bookmark_end_1421053108582"></span>">사진</option> // 이거를 메인페이지에도 추가해주셔야해요
    <option value="<a href="http://naver.com?value=3" target="_blank" rel="noopener noreferrer">http://naver.com?value=3</a>">고객센터</option> // 그래야 구분값으로 쓸수있어요.</pre><p><span style="line-height: normal; font-size: 10pt;"></select></span> </p><p><span style="line-height: normal; font-size: 10pt;">

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

답변에 대한 댓글 2개

웹표준초보자
10년 전
아.. 정말 감사합니다 get값으로 넘겨받으면된다고 까진 찾았는데
예제소스가없어서 어떻게 짜야할지 막막했는데 너무고맙습니다!
죄송하지만 추가적으로 파라미터와 벨류에 숫자는
어떤건지 ...
드래곤된다
10년 전
파라미터는 <option value="http://naver.com?value=1">공지사항</option> 여기에서 ?다음에 value=1 이게 파라미터이구요

value는 select option의 몇번째인지를 알기위해 넘겨주는거에요.

위에 스크립트에서 selectedIndex=숫자 이게 "select option의 숫자를 선택한다"라는 거에요.

만약 위에처럼 <option value="http://naver.com?value=1">공지사항</option> 이거를 선택한다면 앞의 url로 넘어가서 뒤의 파라미터값을 스크립트에서 읽게되겠죠. 여기에 1이니깐 select라는 아이디를 가지는 태그의 선택을 value=1이라고 넘어온 1번째를 선택하는거에요.

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

10년 전

저도 마침 지금 질문자님의 이 부분을 찾고있었는데...ㅠㅠ

해결보셨으면 저도 좀알려주세요 ㅠㅠ

지금 답글써주신걸로는 조금 이해가 안되서요 ㅠㅠ 

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

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

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

로그인