초등학교에서 수많은 작은 것을 기억했습니다. 아아, 환경에서 달리는 것은 나의 잃어버린 젊음입니다.
요점으로 돌아가자, 사진을 찍어 보자.
<id = "cardnolist"size = "4"> </select>를 선택하십시오
공통 효과가 구현됩니다. select에서 옵션을 클릭하고 위의 입력에 할당 한 다음 jQuery에 직접 씁니다.
코드 사본은 다음과 같습니다.
$ ( "#cardnolist 옵션"). 클릭 (function () {
$ ( "#card"). attr ( "value", ""). attr ( "value", this.value);
})
이상한 것입니다
사용자는 기본적으로 360 브라우저와 같은 국내 듀얼 코어 브라우저를 사용하고 있기 때문입니다.
<meta http-equiv = "x-ua-cattible"content = "ie = edge, chrome = 1"/>
기본 Eclipse Run은 구문 분석을 위해 Chrome 커널을 사용합니다. 테스트 환경에 배치되면 구문 분석의 IE8 표준이됩니다.
이제 문제가 여기에 있습니다. 발굴하는 법을 배우십시오 ... 어, 아니!
IE8로 열 때 옵션을 클릭하면 응답이 없습니다.
Garert 및 시도 :
코드 사본은 다음과 같습니다.
$ ( "#cardnolist 옵션"). 클릭 (function () {
경고 ( "111");
$ ( "#card"). attr ( "value", ""). attr ( "value", this.value);
경고 ( "222");
})
클릭은 전혀 호출되지 않습니다.
처음에 나는 그것이 IE8 하의 jQuery의 클릭 이벤트에 대한 호환성 문제라고 생각했지만 JQuery는 호환성을 캡슐화하여 해결했습니다. 그것은 광범위한 응용 프로그램을 가지고 있으므로 그것을 만나는 것은 불가능합니다.
나중에 클릭이 IE8의 옵션에 추가되지 않았다고 생각했습니다. 변경 후 클릭이 선택에 추가되었습니다. 완료되었고 IE8, Firefox 및 Chrome은 모두 입력에 부드럽게 할당 될 수있었습니다.
코드 사본은 다음과 같습니다.
$ ( "#cardnolist"). 클릭 (function () {
$ ( "#card"). attr ( "value", ""). attr ( "value", this.value);
})
Baidu는 "우리 모두가 알고 있듯이 선택 옵션은 Onclick 이벤트를 지원하지 않는 것"O (□) O를 발견했습니다.
상기시킨 후 다음으로 변경되었습니다.
코드 사본은 다음과 같습니다.
$ ( "#cardnolist"). 클릭 (function () {
$ ( "#card"). val (this.value);
})