我猜原理是 打開頁面，fastadmin 會自動渲染input 框 有class 為‘‘selectpage’’ 的類名 我要實現的功能是通過js動態添加多個selectpage選項，需要用到js 克隆。 說到克隆肯定得有個隱藏的初始版（母體）樣式，問題是放在form里面還是外面，是不一樣的。 1，初始版（母體）樣式放在form里面的話，打開頁面會被渲染，組件，直接使用克隆 ~~~ var strVar= $("#assign_goods").clone(true);//克隆母體 strVar.show(); $(this).before(strVar); ~~~ 出現問題，克隆出多個selectpage選項，是可以選擇的，但是改變的值都會在初始版（母體）里面改變，所有達不到想要的效果 2，初始版（母體）樣式放在form外面的話，打開頁面則不會被渲染組件，直接使用克隆，你會發現點擊沒有效果，此時你不要擔心，看接下來操作 ~~~ //操作1： var strVar= $("#assign_goods").clone(true);//克隆母體 //操作2： //get_join_goods_list變量是數據動態賦值，我這里需求是不請求接口的，你可以換成url strVar.find('#goods_condition').attr("data-source",JSON.stringify(get_join_goods_list)); strVar.find('#goods_condition').attr("id",id); //改變克隆元素id，因為selectpage每個id都需不一樣 strVar.show(); $(this).before(strVar); //操作3（重要步驟）： //重新渲染selectpage插件 require(['selectpage'], function () { $("填寫改變后的id").selectPage({ eAjaxSuccess: function (data) { data.list = typeof data.rows !== 'undefined' ? data.rows : (typeof data.list !== 'undefined' ? data.list : []); data.totalRow = typeof data.total !== 'undefined' ? data.total : (typeof data.totalRow !== 'undefined' ? data.totalRow : data.list.length); return data; } }); }); ~~~ fastadmin 自己封裝的東西，我單獨拎出來用。  最后百度到說，直接加下面這這段，我發現沒用，原理是，查找first-form下面的子節點selectPage進行加載渲染，會把已存在的再次加載一遍，到時候你監聽值改變的話，會觸發很多次事件 ~~~ Form.events.selectpage($('#first-form')); //或者 Form.events.selectpage($('form')); ~~~ 解密，我是用方案2