버튼 클릭시 경보 드롭 다운 메뉴 항목

Question

다음은 메뉴 항목에 경고하는 매우 간단한 코드입니다. 나는 왜 그것이 단추 누르기에 경고하지 않는지 모른다.

http://jsfiddle.net/karimkhan/xw7qx/1/

$("#submit").click(function() { 
    var test = document.getElementById("myddl"); 
    alert(test); 
    }); 

HTML :

Header: 
<br /> 
<select id="myddl" name="myddl"> 
    <option value="1">One</option> 
    <option value="2">Twooo</option> 
    <option value="3">Three</option> 
</select> 

<a class="btn btn-block btn-lg btn-success" id="submit" href="#fakelink"> Submit </a> 

Answer 1

당신은 뭔가를 시도 할 수 있습니다 :

$("#submit").click(function() { 
    var test = $("#mydd1 option:selected").html(); 
    alert(test); 
}); 

는 Incase의 경우에만 값 태그가 필요합니다 : 당신이 선택한 옵션의 텍스트를해야하는 경우

: 나는 다음과 같은 코드를 시도하는 것이 좋습니다 이 (Demo on jsfiddle) :

$(function(){ 
    $("#submit").click(function(e) { 
     e.preventDefault(); 
     var test = $("#myddl").val(); 
     alert(test); 
    }); 
}); 

혼합하지 마십시오 jQuery 및 vanill a JavaScript.

Answer 2

당신은, jQuery를하고 자바 스크립트를 혼합 네이티브 자바 스크립트에서이 선택에서 선택한 옵션에 액세스 할 수있는 고통 때문에 쉽게 jQuery를 고수해서는 안 배열을 반복하고, if, selected와 비교해야합니다.

$("#submit").click(function() { 
    var test = $("#mydd1 option:selected").attr("value"); 
    alert(test); 
}); 

Answer 3

try this 

    <select id="myddl" name="myddl"> 
     <option value="1">One</option> 
     <option value="2">Twooo</option> 
     <option value="3">Three</option> 
    </select> 

    <a class="btn btn-block btn-lg btn-success" id="submit" href="#fakelink"> Submit </a> 


    <script> 
    $("document").ready(function() 
     { 
     $('#submit').click(function() 
     { 
      alert($("#myddl option:selected").val()) 
     }) 
    }); 
    </script>