jQuery 기반 선택 드롭다운 상자 선택 트리거 이벤트 분석 예

본 글의 예시에서는 jQuery를 기반으로 선택 드롭다운 상자에 대한 트리거 이벤트를 선택하는 구현 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.

저는 드롭다운 상자를 선택하여 옵션을 선택하면 다음과 같이 onclick을 사용하여 이벤트를 등록할 수 있다고 항상 믿어왔습니다.

<select>
  <option value="0" onclick="func(0)">选项一</option>
  <option value="1" onclick="func(1)">选项二</option>
</select>

오늘도 하나 있는데 요건 링크 메뉴를 만들어주는 거, 즉 클릭할 때마다 옆에 있는 드롭다운 박스가 자동으로 바뀌는 거라 괜찮을 줄 알았는데, onclick 시작

, 그래서 위의 경로를 따랐습니다. 고객도 IE8을 지원해야 한다고 말했습니다. 생각해보니 XP의 IE 커널은 이제 IE8로만 업그레이드할 수 있습니다. 이제 많은 사용자가 XP를 포기하는 것을 꺼려하지만 지원합니다. onclick.ff에서 해봤는데 전혀 문제가 없었는데 IE8로 전환하고 보니 전혀 반응이 없네요.

그러다가 다양한 소스에서 정보를 검색해보니 select 이벤트가 onclick이 아니라 onchange 자체 라벨에 등록되어 있는 것으로 나타났습니다. 하위 태그는 하위 버전 브라우저에서는 유효하지 않으며, 그렇지 않습니다. 형식적이고 표준적인 글쓰기 방식.

<select onchange="func()>
  <option value="0" >选项一</option>
  <option value="1" >选项二</option>
</select>

자, 여기서 다시 질문이 나옵니다. 전달한 매개변수를 어떻게 해야 할까요? 매개변수를 받는 방법
이것은 문제가 되지 않습니다. jQuery가 답변을 제공합니다

function func(){
 //获取被选中的option标签
 var vs = $('select option:selected').val();
}

물론 혼란을 피하기 위해 여기 선택 항목에 ID를 추가하는 것이 가장 좋습니다. 문제입니다. 해결됐으니 프로필 안 올릴게요, 하하. . .

이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

더 많은 jQuery 기반 선택 드롭다운 상자 선택 트리거 이벤트 인스턴스 분석 및 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!