新手：如何隱藏和顯示在我的情況下使用jQuery？

我是jQuery中的新手。我有一個的index.html頁，新手：如何隱藏和顯示在我的情況下使用jQuery？

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

我想，當加載頁面的功能，「內容」區域顯示一個列表：

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

當用戶從列表中選擇一輛車選項，列表「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 ... />'); 
)};

有多種方式，但是，以顯示新的內容，與append()例如，如果你不想覆蓋內<div id="content" />所有的HTML代碼，或者使用功能toggle()或者show()和hide()如果<img />已經在那裏。你也必須考慮知道哪個選項被選中在change()函數內，並相應地採取行動。

來源

2011-05-11 08:52:45

新手：如何隱藏和顯示在我的情況下使用jQuery？

回答

相關問題