layui 下拉框 联动多级 ajax取值方法

  <div class="layui-form-item" id="app_url" style="display: none;">
    <div class="layui-inline">
      <label class="layui-form-label">URL链接</label>
      <div class="layui-input-inline">
        <select name="hm" lay-filter="url1" lay-verify="required">
          <option value="">链接到栏目</option>
          {volist name="menu_rs" id="vo"}
          <option value="{$vo.id},{$vo.controller}">{$vo.title}</option>
          {/volist}
        </select>
      </div>
    </div>
    <div class="layui-inline">
      <label class="layui-form-label">落地页</label>
      <div class="layui-input-inline">
        <select name="hm2" id="hm2" >
          <option value="">链接到具体网页</option>
          <option value="0">北京</option>
          <option value="1">上海</option>
          <option value="2">广州</option>
          <option value="3">深圳</option>
          <option value="4">杭州</option>
        </select>
      </div>
    </div>
  </div>

      form.on('select(hm)', function(data){
         //console.log(data.value); //得到被选中的值
         var data = myData(data.value);
         $("#hm2").append(data);
         form.render('select');
         $("#hm2").find("option").remove();
         //console.log(data);
      });      
  
      function myData(id1) {
            var data1 ;
            $.ajax({
                url:'{:url('register')}',
                type:"post",
                data:{action:'js_type',tid:{$tid},cid:{$cid},ccid:{$ccid},id1:id1},
                async:false,
                success:function(data){
                  data1 = data;
                  //data1 = JSON.parse(data);
                  //console.log(data1);
                },
                error:function(){
                  layer.msg('读取数据失败！');
                }
            });
             return data1;
      }

        赋值：       $("#hm2").append(data);
        重新渲染，才会出现值：    form.render();

      清空之前的选项：$("#hm2").find("option").remove();

控制器返回数据格式：

$returndata="<option value='1'>北京</option><option value='2'>北京2</option>";