layui動態修改表單form內容

最近使用到了基於jquery的layui框架，在使用layui的form表單的時候，會遇見一個問題，頁面渲染完成之后，使用js或jquery操作表單dom元素是沒有問題的，但表單內容並隨之沒有改變，需要使用layui提供的方法來重新渲染表單

一、初始化表單

1、dom結構如下

2、layui方法初始化表單，js代碼如下：

// 初始化表單
layui.use('form', function () {
  form = layui.form;
  //監聽提交
  form.on('submit(formDemo)', function (data) {
  console.log(data.field);
  return false;
 });
});

3、雖然使用dom操作成功了，但表單里面並不會顯示插入的內容

解決的方法

1、 在dom操作之后添加一行代碼，重新渲染整個表單或者重新渲染select，即可使得dom操作得效果展現出來，代碼如下：

2、最終得效果圖如我們所願

  學無止境，感興趣的話關注下面公眾號，咱們一起交流