옵션 항목이 선택되었습니다.

Question

편집 : 링크에서 http : //를 잊어 버렸습니다. 이건 내 문제가 아니야. 내가 질문 ...

내가 다음과 같이 몇 가지 옵션을 수정합니다 : 나는 JQuery와 수신기를 가지고 이것에

<select class="mySelect"> 
    <option value="http://www.url1.com">Url 1</option> <!--Default displayed---> 
    <option value="http://www.url2.com">Url 2</option> 
    <option value="http://www.url3.com">Url 3</option> 
</select> 

를 다음과 같습니다

$('.mySelect').change(function(){ 
    window.location.replace($(this).val()); 
}); 

을이 단지 때문에 변경에 응답, 나는 "www.url1.com"로 리디렉션 할 수 없습니다. 무엇을 사용해야합니까? 나는 단지 구글에 대한 제안을 얻는다.

편집 2 : 첫 번째 옵션으로 더미를 사용하는 것에 대한 해결책이 많습니다. 또한 버튼을 사용하여 선택한 옵션을 읽고 리디렉션하는 버튼을 사용하는 다른 솔루션을 가지고 있습니다. 그러나이 옵션이 실제로는 좋은 해결책이더라도 작업중인 프로젝트에서 사용할 수 없습니다.

이 경우, 변경 사항이 자체적으로 변경된 경우에도 사용법을 듣고 싶습니다. 첫 번째 옵션 (기본적으로 선택됨)을 선택하는 것과 같습니다. 리디렉션 위의 사례. 나는 누군가가이 문제에 대한 좋은 해결책을 가지고 있다면 그것을 열어 둘 것이다. 빈 값의 첫 번째 옵션에 넣어

Answer 1

시도 :

<select class="mySelect"> 
    <option value="">Please select...</option> 
    <option value="http://www.url1.com">Url 1</option> 
    <option value="http://www.url2.com">Url 2</option> 
    <option value="http://www.url3.com">Url 3</option> 
</select> 

그런 다음 리디렉션하기 전에 값이 있는지 확인하기 위해 jQuery를 수정할 수 있습니다 :

$('.mySelect').change(function(){ 
    var value = $(this).val(); 
    if (value != "") { 
     window.location.replace(value); 
    } 
}); 

Example fiddle

참고도 링크 값에 http:// (또는 사용중인 프로토콜)이 필요합니다.

---

당신이 더미 옵션이없는 것을 선호하는 경우, 당신은 버튼 클릭에서 작동하는 논리를 변경해야

업데이트 : 당신은이

<select class="mySelect"> 
    <option value="http://www.url1.com">Url 1</option> 
    <option value="http://www.url2.com">Url 2</option> 
    <option value="http://www.url3.com">Url 3</option> 
</select> 
<button id="redirect">Go</button> 

$("#redirect").click(function() { 
    window.location.replace($(".mySelect").val()); 
}); 

Answer 2

넣을 http://

window.location.replace("http://"+$(this).val()); 

Answer 3

<form> 
<select class="mySelect"> 
    <option value="" selected="selected">Please Select</option> 
    <option value="www.url1.com">Url 1</option> 
    <option value="www.url2.com">Url 2</option> 
    <option value="www.url3.com">Url 3</option> 
</select> 
</form>​ 

$(".mySelect").change(function() { 
var n = $(this).val(); 
if(n != "") { 
window.location.assign("http://"+n); 
} 
});​ 

Answer 4

하나의 옵션은

<select class="mySelect"> 
    <option value="select">Select URL</option> <!--Default displayed---> 
    <option value="www.url1.com">Url 1</option> 
    <option value="www.url2.com">Url 2</option> 
    <option value="www.url3.com">Url 3</option> 
    </select> 

같은 첫 번째 옵션을 변경하거나 콤보 상자 클릭 JQuery와 이벤트를 사용할 수 있도록 할 수 있습니다.