2011-10-05 3 views
0

에 JQuery와의 바인딩 할 수 없습니다 자신의 드롭 다운 : 이벤트의 두 종류가 크롬

<select id="id-name" name="name-her"> 
     <option value="">Select</option> 
     <option value="1" class="verify">Verify</option> 
     <option value="2" class="delete">Reject</option> 
</select> 

$('.verify').bind("click", function(evt){ 
    alert('clicked'); 
}); 

$('.delete').bind("click", function(evt){ 
    alert('clicked'); 
}); 

여기에 우리가 하나를 클릭 클래스를 기준으로 두 가지 이벤트를 시작하려는 크롬

에서 클릭 이벤트의 일부 문제가, 파이어 폭스에서는 잘 작동하지만 크롬에서는 제대로 작동하지 않습니다.

제안 사항을 알려주십시오.

+1

가능한 중복 [jQuery 클릭 이벤트가 옵션 요소에서 작동하지 않습니다] (http://stackoverflow.com/questions/7080213/jquery-click-event-not-working-on-option-element) –

+0

@ 존 : 그래, 지금 해결 클래스 때문에 선택 태그에 있어야했다 :) 여러 이벤트에 대한 궁금해! – Suleman

답변

1
<select id=”category”> 
    <option value=”3″ onclick=”getOption(3);”>Option1</option> 
</select> 

Firefox에서 잘 작동합니다. 즉, 선택 상자에서 객체를 선택할 때 'getCategories'함수가 호출됩니다. 하지만 다른 브라우저에서는 작동하지 않으며 호출이 이루어지지 않고 오류가 발생하지 않습니다.

용액 대신 (선택한 옵션 태그의 값을 유지한다), 선택 태그의 값을 참조 onchange를 이벤트를 사용하여 선택 태그의 기능 통화를 할 것이다

<select id="category" onchange="getOption($('category').val());"> 
    <option value="3">Option1</option> 
</select> 
관련 문제