초보자 : jQuery를 사용하여 제 경우에 숨기고 표시하는 방법?

저는 jQuery에서 초보자입니다. 사용자가 목록에서 차를 선택초보자 : jQuery를 사용하여 제 경우에 숨기고 표시하는 방법?

<div id="my-list"> 
    <select id="carlist" size="10"> 
      <option>BMW</option> 
      <option>TOYOTA</option> 
      <option>SKODA</option> 
    </select> 
</div>

: 나는 index.html을 페이지,

<body> 
    <div id="content"> 
</body>

내가 페이지를로드하는 기능을 원하는이, "내용"영역 목록을 보여줍니다 옵션에서 "my-list"목록이 사라지고 (은) "content"영역에으로 표시된 이미지는 입니다.

선택 사항을 숨기고 동일한 "content"영역에 이미지를 표시합니다.

jQuery에서이를 수행하는 방법 ??

내가 시도 :

var mylist=$('#my-list'); mylist.change(function(){ mylist.hide() SOMEIMAGE.show() }

그러나, 여기서 "my-list"를 정의하고 image이 같은 "content"지역에 있나요? 이 모든 것을 구현하는 방법은 무엇입니까?

출처

2011-05-11 Leem

var mylist=$('#carlist'); 
mylist.change(function(){ 
    mylist.hide(); 
    var container = mylist.parent(); 
    container.find('img').remove(); 
    container.append('<img src="x.jpg" />'); 
}

출처

2011-05-11 08:46:34 Nathan

mylist = $('#my-list'); 
mylist.change(function(){ 
    mylist.hide(); 
    container = $('#content'); 
    container.html('<img ... />'); 
)};

는 <div id="content" /> 내에서 모든 HTML 코드를 덮어 쓸 것인지, 또는 기능 toggle()를 사용하지 않는 경우, 예를 들어 append()으로, 새로운 콘텐츠를 보여하지만, 여러 가지 방법이 있습니다 <img />이 이미있는 경우 show() 및 hide()입니다. 옵션이 change() 함수 내에서으로 선택되었음을 고려하여 이에 따라 조치해야합니다.

출처

2011-05-11 08:52:45

초보자 : jQuery를 사용하여 제 경우에 숨기고 표시하는 방법?

답변

관련 문제