<dl class="yl_select"> <dt>下拉</dt> <dd> <ul> <li> <div class="yl_province">江西省</div> <ul> <li class="yl_city"> <span><i></i>南昌市</span> <ul style=""> <li class="yl_area">高新区</li> <li class="yl_area">新建区</li> <li class="yl_area">青山湖区</li> </ul> </li> <li class="yl_city"><span><i></i>抚州市</span></li> <li class="yl_city"><span><i></i>赣州市</span></li> </ul> </li> </ul> </dd> </dl>
出来的样式是这样的:
把他做成下拉列表的,然后我应该怎么做他才能选中值然后绑定到那个dt框中?
$(function(){ $("dl dd").hide(); $("dt").click(function(){ if ($(this).attr("state")=="show") { $(this).nextUntil("dt").hide(500) $(this).attr("state","hide"); }else{ $(this).nextUntil("dt").show(500); $(this).attr("state","show"); } }); });
大概这样.其实很简单,嘻嘻。
$("li").click(function () {
$("dt").html($(this).html())
});
为什么不用select做呢 那样不更简单一些吗?
用ui控件库吧.
$(this).val() = event.target.html()
可以用Select2