Question

说我有两列。第一栏（C1）是国家列表。当选择C1中的项目时，它会显示例如。 C2中那个国家的城市。

例如，

example

如何以最好的方式解决这个问题？有关从哪里开始的任何提示？ jQuery / Javascript，XML，表，列表？

Answer 1

我推荐jQuery点击功能。在rel属性中存储每个li的相关列表名称。如果每个#col2项也需要href等，则可以使list_a和list_b数组中的项目包含多个数据。使用CSS来相应地syle li。

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript">
var lists = {}; //lists container
lists.list_a = ['item 1','item 2','item 3']; //one list for each #col1 item
lists.list_b = ['item 4','item 5','item 6'];

$(function(){ //run on DOM ready

    $('#col1 li').click(function(){ //when an li from #col1 is clicked
        var list = $(this).attr('rel'); //grab it's related list
        var html = '';
        for(var i=0;i<lists[list].length;i++){ 
            html += '<li>'+lists[list][i]+'</li>'; //create li from each item in list
        }
        $('#col2').html(html); //insert new list into #col2
    });

});
</script>
</head>

<body>
<div id="col1">
<li rel="list_a">lista</li>
<li rel="list_b">list_b</li>
</div>
<div id="col2">
</div>
</body>

显示第一列到第二列中选择的数据

1 个答案: