91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

layui怎么動態添加輸入框

小億
416
2024-01-13 18:40:12
欄目: 編程語言

在Layui中,可以使用下面的代碼動態添加輸入框:

<div id="container">
    <button class="layui-btn layui-btn-primary" id="addInput">添加輸入框</button>
</div>

<script>
layui.use(['element', 'form'], function(){
  var element = layui.element;
  var form = layui.form;
  
  // 添加輸入框
  $("#addInput").on("click", function() {
    var inputHtml = '<div class="layui-form-item"><input type="text" name="input[]" placeholder="請輸入內容" autocomplete="off" class="layui-input"></div>';
    $("#container").append(inputHtml);
    
    // 重新渲染表單元素
    form.render();
  });
});
</script>

上述代碼首先在div容器中放置一個按鈕,當點擊按鈕時,會動態地添加一個輸入框到容器中。

在JavaScript代碼中,首先通過layui.use方法加載elementform模塊,然后在點擊事件處理函數中,使用jQuery的append方法將一個輸入框的HTML代碼添加到容器中。

最后,調用form.render()方法重新渲染表單元素,以使新添加的輸入框能夠正確顯示樣式。

0
乌鲁木齐县| 稻城县| 柘荣县| 易门县| 沾益县| 托克逊县| 延寿县| 中方县| 大城县| 抚松县| 石棉县| 万州区| 澄城县| 宜章县| 呼玛县| 张家川| 陵水| 梁平县| 松江区| 浦县| 乐亭县| 新郑市| 射洪县| 岐山县| 兴和县| 南召县| 普格县| 德阳市| 精河县| 尼勒克县| 宁海县| 犍为县| 洞口县| 新郑市| 都昌县| 固镇县| 鄂托克旗| 凤城市| 迭部县| 青神县| 桂平市|