用jq写点击按钮选择城市点击按钮后添加进另一个盒子

好的，我可以为您提供一个简单的示例代码。首先，您需要一个包含城市列表的JSON文件，例如：

[
  {
    "name": "北京",
    "code": "010"
  },
  {
    "name": "上海",
    "code": "021"
  },
  {
    "name": "广州",
    "code": "020"
  },
  {
    "name": "深圳",
    "code": "0755"
  }
]

然后，您可以使用以下HTML和jQuery代码来实现您的需求：

<!-- 城市选择按钮 -->
<button id="city-btn">选择城市</button>

<!-- 城市列表盒子 -->
<div id="city-list"></div>

<!-- 引入jQuery库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<script>
  $(function() {
    // 加载城市列表
    $.getJSON('city.json', function(data) {
      var $list = $('<ul></ul>');
      $.each(data, function(i, item) {
        $list.append('<li data-code="' + item.code + '">' + item.name + '</li>');
      });
      $('#city-list').append($list);
    });

    // 点击城市选择按钮显示/隐藏城市列表
    $('#city-btn').click(function() {
      $('#city-list ul').toggle();
    });

    // 点击城市列表项将城市添加到另一个盒子中
    $('#city-list').on('click', 'li', function() {
      var name = $(this).text();
      var code = $(this).data('code');
      $('#selected-city').append('<span>' + name + '</span>');
    });
  });
</script>

当您点击选择城市按钮时，将显示城市列表。当您点击城市列表中的任何城市时，该城市的名称将添加到另一个盒子中（在此示例中为`<div id="selected-city"></div>"`）。