jquery显示两个下拉列表

我有一个搜索框。点击搜索框，我必须显示下拉列表，如班加罗尔、钦奈、海得拉巴。然后点击班加罗尔，我需要隐藏第一个下拉列表，并用marthahalli，koramangala显示下拉列表

只要我点击班加罗尔，占位符就会变为班加罗尔，而另一个带有marthahalli、koramangala的下拉菜单就会显示出来

有人能给我推荐一下吗。 下面是iam如何显示的下拉列表代码

<div>
<a>
    <input type="text" placeholder="search" />
</a>
<ul class="dropdown" id="dropdownhide">
    <li>
        <a>
           <span id="bangdropdown">Bangalore</span>
        </a>
    </li>
     <li>
         <a>
             <span>Chennai</span>
         </a>
     </li>
      <li>
          <a>
             <span>Hyderabad</span>
          </a>
      </li>
 </ul>
<ul class="menu" id="menu">
     <li>
        <a>
           <span>marthahalli</span>
        </a>
    </li>
    <li>
        <a>
           <span>koramangala</span>
        </a>
    </li>   
</ul>

</div>

这样试试

$('input:text').click(function () {
    if ($('#menu').is(':visible')) {
        $('input:text').attr('placeholder', 'Search');
        $('#menu').slideUp(1000);
        $('#dropdownhide').slideDown(500);
    } else {
        $('#dropdownhide').slideDown(500);
    }
});
$('#dropdownhide li').on('click', function () {
    if ($(this).find('a span').text() == 'Bangalore') {
        $('input:text').attr('placeholder', 'Bangalore');
        $('#dropdownhide').slideUp(500);
        $('#menu').slideDown(1000);
    }

});

---

你能提供你迄今为止所尝试的javascript源代码吗？请检查版本，包括jquery代码。你正在尝试实现的是

cascading

你需要显示更多的jquery代码。这不足以帮助我做到这一点。我没有别的想法。我是jquery的新手。我想要它，因为我一点击班加罗尔，下拉列表就应该带有占位符banagalore。这会隐藏第一个下拉列表，并将占位符更改为班加罗尔，然后单击占位符下拉列表。我希望在单击班加罗尔后立即显示第二个下拉列表。谢谢Sridhar。这对我很有用。事实上，我希望在这个网站上有这样的东西，单击搜索按钮，一个下拉菜单出现，单击下拉菜单中的某个内容，就会出现另一个下拉菜单。我希望，如果我单击第一个下拉菜单中的一个值，就会出现第二个下拉菜单。

$('input:text').click(function () {
    if ($('#menu').is(':visible')) {
        $('input:text').attr('placeholder', 'Search');
        $('#menu').slideUp(1000);
        $('#dropdownhide').slideDown(500);
    } else {
        $('#dropdownhide').slideDown(500);
    }
});
$('#dropdownhide li').on('click', function () {
    if ($(this).find('a span').text() == 'Bangalore') {
        $('input:text').attr('placeholder', 'Bangalore');
        $('#dropdownhide').slideUp(500);
        $('#menu').slideDown(1000);
    }

});