2009-10-21 6 views
5

새로운 값을 선택하면 드롭 다운 목록을 만들어서 새로운 웹 페이지로 옮깁니다. 사용자가 페이지로 이동하기 위해 "GO (진행)"버튼을 클릭하도록하지 않으려합니다. 선택 후 바로 조치를 호출하십시오. 어떻게해야합니까?GO 단추없이 드롭 다운 목록 하이퍼 링크를 만드는 방법은 무엇입니까?

<form> 
<p align="center"><b>Select a Site </b> 
<select id="setit" style="color: #0000FF" size="1" name="test"> 
<option value="">Select one</option> 
    <option value="http://www.altavista.com">AltaVista</option> 
    <option value="http://www.yahoo.com">Yahoo</option> 
    <option value="http://www.google.com">Google</option></select> 
    <input type="button" value="Go" 
onclick="window.open(setit.options[setit.selectedIndex].value)"> 
</p></form> 

예를 들어, 여기에는 GO 버튼이있어서 새로운 페이지로 이동하기 위해 GO를 클릭해야합니다. 나는 GO 버튼을 원하지 않습니다.

아이디어가 있으십니까?

답변

16

사용 onchange를 이벤트 : 내가 이해로 FAS로

<select onchange="window.open(this.value,'','');"> 
.... 
</select> 
+3

사용자가 자바 스크립트를 사용하지 않으면이 스크립트는 실패합니다. 기본적으로 "이동"버튼이 있어야합니다 JS로 숨 깁니다. – Chuck

+0

+1 내 것보다 나을 것이고 Chucks Call에 유의하십시오. 사용자가 탐색 할 수 없도록하지 마십시오. –

+0

어떻게 숨길 수 있습니까? – Jonathan

0

- 당신은 단순히 선택 태그의 onchange를 이벤트를 처리해야합니다. 그냥 거기에 onclick 처리기를 이동하십시오. 당신의 onclick에 대한

0

넣어

<input type="button" value="Go "onclick="document.location = this.value"> 

내가이 일을 많이 사용하고 onchange이다와 자바 스크립트를 사용하지 않는 말을주는 것으로 잘

(모두 다른 솔기를 작동해야하지만 브라우저의 경우 크롬이나 다른 주요 브라우저를 사용하지 않기 때문에 자바 스크립트를 지원하지 않는 사용자가 사용하는 경우)