layui框架下拉點擊事件

描述：點擊分類，商品會自動填充選中的分類商品。

截圖如下：

 

HTML：
<div class="layui-form-item">
   <label class="layui-form-label">分類</label>
       <div class="layui-input-block">
           <select lay-filter="ccid" id="cateid" name='catid' class="layui-input layui-unselect">
               <option value=''>請選擇商品分類</option>
               {loop $category $k $c}
               <option value="{$c['id']}" {if $item['catid']==$c['id']}selected{/if}>{$c['name']}</option>
               {/loop}
           </select>
       </div>
</div>




js：
form.on('select(ccid)', function(data){
     $("#cate_goods").nextAll().remove();
     $.ajax({
         url: "{php echo shopUrl('goods/specialgoods', array('template' => 'mult'))}",
         type: 'post',
         data: {cid:data.value},
         dataType:'json',
         success: function (info) {
           $('#cate_goods').after(info.ht);
           $('#agent_id').val(info.gids);
         }
      });
});

 

注意：select 中必須要有lay-filter="ccid"，form.on('select(ccid)'中的select（‘ccid’）必須一致。