при нажатии / завершении выбора выпадающего списка, показать больше выпадающих списков - PullRequest
Новая
       10

при нажатии / завершении выбора выпадающего списка, показать больше выпадающих списков

0 голосов
/ 28 сентября 2011

Использование JQuery Я хочу, чтобы пользователь выбрал элемент из выпадающего списка, и когда он завершит его, появится другой. Всего должно быть 4 выпадающих списка.

JQuery 

<script>
    $("select: nth-child(1)").click(function () {
      $("select: nth-child(2)").show();
    });

     $("select: nth-child(2)").click(function () {
      $("select: nth-child(3)").show();
    });
    $("select: nth-child(3)").click(function () {
      $("select: nth-child(4)").show();
    });
</script>

HTML: 

<form>
<div id="one">
<select>
  <option value="1">a</option>
  <option value="2">b</option>
</select>
</div>
<div id="two">
<select>
  <option value="3">c</option>
  <option value="4">d</option>
</select>
</div>
<div id="three">
<select>
  <option value="5">e</option>
  <option value="6">f</option>
</select>
</div>
<div id="four">
<select>
  <option value="7">g</option>
  <option value="8">h</option>
</select>
</div>
</form>

1 Ответ

0 голосов
/ 28 сентября 2011

Я немного изменил ваши js и css:

Показать первый выбор на document.ready() Показать следующий выбор при выборе текущего - 

$(document).ready(function(){
    $("select").eq(0).show();
});

$('select').change(function(){
    $('select').eq($(this).index('select') + 1).show(); 
});

Пример этоговыполнение кода: JSFiddle

...