网页下列表选择,我用下拉列表改一个,两个的值都变成一样的了,怎么改?
<divclass="short-inputselectue-clear"><label>设备类型:</label><divclass="select-wrap"><di...
<div class="short-input select ue-clear">
<label>设备类型:</label>
<div class="select-wrap">
<div class="select-title ue-clear"><span>组装机</span><i class="icon"></i></div>
<ul class="select-list">
<li>品牌机</li>
</ul>
</div>
</div>
<div class="short-input select ue-clear">
<label>管理人员:</label>
<div class="select-wrap">
<div class="select-title ue-clear"><span>张三</span><i class="icon"></i></div>
<ul class="select-list">
<li>李四</li>
</ul>
</div>
</div>
以下是JS代码
<script type="text/javascript">
$(".select-title").on("click",function(){
$(".select-list").toggle();
return false;
});
$(".select-list").on("click","li",function(){
var txt = $(this).text();
$(".select-title").find("span").text(txt);
});
showRemind('input[type=text], textarea','placeholder');
</script> 展开
<label>设备类型:</label>
<div class="select-wrap">
<div class="select-title ue-clear"><span>组装机</span><i class="icon"></i></div>
<ul class="select-list">
<li>品牌机</li>
</ul>
</div>
</div>
<div class="short-input select ue-clear">
<label>管理人员:</label>
<div class="select-wrap">
<div class="select-title ue-clear"><span>张三</span><i class="icon"></i></div>
<ul class="select-list">
<li>李四</li>
</ul>
</div>
</div>
以下是JS代码
<script type="text/javascript">
$(".select-title").on("click",function(){
$(".select-list").toggle();
return false;
});
$(".select-list").on("click","li",function(){
var txt = $(this).text();
$(".select-title").find("span").text(txt);
});
showRemind('input[type=text], textarea','placeholder');
</script> 展开
1个回答
展开全部
$(".select-title").on("click",function(){
$(".select-list").toggle();
return false;
});
$(".select-list").on("click","li",function(){
var txt = $(this).text();
$(this).parent().prev().find('span').text(txt);
})
把你的js代码改成这样就可以了,你那样写就是改两个的。
追问
我刚才测试了以下,两个下拉列表没有问题,三个甚至更多还是有问题 ,下一步我做成动态的下拉列表,这个全是DIV的搞不懂,普通的我就会,麻烦你指点一下
追答
只要你不修改html格式和类是不会有问题的,别说三个,就是三百个都一样,因为我只使用了这两个数据。但是你修改html结构或者类名那肯定不行。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询