선택 항목

Question

그는 내가 그나마

 <div class="frmcmpstn fl"> 
      <a class="btn fl cll" href="#">Are you an Hwp/Family Office or an Institutional <img src="images/dd_arow_ico.png" /></a> 
      <ul class="signupdd_dd" style="display:none;"> 
       <li><a href="#">New Delhi</a></li> 
       <li><a href="#">California</a></li> 
       <li><a href="#">Gurgaon</a></li> 
       <li><a href="#">North East America</a></li> 
       <li><a href="#">North America</a></li> 
       <li><a href="#">South Africa</a></li> 
      </ul> 
     </div> 

지금 내 문제는 내가 Asp.net에서 일한됩니다

목록을 드롭을 만들기위한 HTML을 (DIV, 리튬) CSS를 사용하는 일부 웹 페이지를 전송 한 내 디자이너 자바 스크립트 또는 JQuery를 알고 있고 자바 스크립트 또는 JQuery에서 가능하다는 것을 알고있다

어떻게하면 자바 스크립트 또는 JQuery에서 선택한 항목을 가져올 수 있는지 ....

Answer 1

는 앵커 a 각각에 대한 click 이벤트에 이벤트 핸들러를 연결합니다. 이벤트 처리기는 this에 할당 된 요소를 가지며이 요소를 사용하여 다양한 요소 속성을 가져올 수 있습니다.

$(".signupdd_dd li a").click(function(e){ 
    e.preventDefault(); 
    $(".chosen").removeClass("chosen"); 
    $(this).addClass("chosen"); 
    alert($(this).text()); 
}); 

나중에 처리를 위해 클릭하는 a에 클래스를 추가 할 수 있습니다. 이벤트 처리기는 앵커 클릭 처리기의 기본 동작이 탐색을 발생시키지 않도록 방지해야합니다.

작업 예 : 보통 http://jsfiddle.net/vZkDp/

Answer 2

난 당신 말은 생각 :

<script type="text/javascript"> 
    $('.signupdd_dd li').on('click',function(){ 
     var $selectedLi = $(this); 
     //then do some stuff e.g 
     $selectedLi.addClass('selected'); 
    }); 
</script> 
</body> //-> don't add this line but search in your html code this tag and put <script> just before 

또는 태그를 대상 :

$('.signupdd_dd li a').on('click',function(){...});