Question

一个页面中有多个模拟的下拉菜单,怎么写一段js或者jq

在一个页面中有多个模拟的下拉菜单,写了一段jq可是预览的时候，发现一点击其中一个，全部的都改变了，后来就每个菜单加了一个jq控制，想问下有没有什么简单的办法实现
<span>旅游主题</span>
<div class="Group_input_back"><input type="text" value="选择主题" class="inp"/></div>
<ul class="customized_w600 hidden">
<li>旅游主题1</li>
<li>旅游主题2</li>
<li>旅游主题3</li>
<li>旅游主题4</li>
<li>旅游主题5</li>
</ul>
html就是这种重复的结构

Answer 1

点击显示不要设置成显示某类,可以使用元素间的关系来显示,如
$('a').click(function() {
$(this).next().show();
});
尽量通过上下关系,父子关系来确定需要显示的菜单,避免全部菜单都显示出来

追问

$(".Group_input_back").click(function(){
$(this).siblings(".hidden").toggle();
});
$(".hidden li").click(function(){
$(".inp").val($(this).html());
$(".hidden").hide();
});
我的是这样的

追答

把你的html结构贴出来

追问

好了，我补充问题了

追答

代码改成

$(".Group_input_back").click(function(){
    $(this).next(".hidden").toggle();
});
$(".hidden li").click(function(){
    $(".inp").val($(this).html());
    $(this).parent(".hidden").hide();
});

追问

~~~不行，要是一选定其中一个选项，其他的默认选项也全变了