Новичок: как спрятать и показать в моем случае с помощью jQuery? - PullRequest
Новая
       10

Новичок: как спрятать и показать в моем случае с помощью jQuery?

0 голосов
/ 11 мая 2011

Я новичок в jQuery.У меня есть страница index.html , 

<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"?Как это все реализовать?

Ответы [ 2 ]

2 голосов
/ 11 мая 2011 
var mylist=$('#carlist');
mylist.change(function(){
    mylist.hide();
    var container = mylist.parent();
    container.find('img').remove();
    container.append('<img src="x.jpg" />');
}
0 голосов
/ 11 мая 2011 
mylist = $('#my-list');
mylist.change(function(){
    mylist.hide();
    container = $('#content');
    container.html('<img ... />');
)};

Существует несколько способов показать новое содержимое, например, append(), если вы не хотите перезаписывать весь HTML-код внутри <div id="content" />или используя функции toggle() или show() и hide(), если <img /> уже существует.Кроме того, вы должны учитывать, зная , какой параметр был выбран внутри функции change(), и действовать соответственно.

...