layui怎么獲取input數(shù)據(jù)

小億
717
2024-01-13 18:28:12

在layui中獲取input數(shù)據(jù)有幾種方式：

  1. 使用jQuery的方式獲?。和ㄟ^(guò)給input元素添加id屬性，然后使用jQuery的選擇器獲取其值。

示例代碼：

var inputValue = $('#inputId').val();
  1. 使用原生JavaScript的方式獲?。和ㄟ^(guò)給input元素添加id屬性，然后使用document.getElementById()方法獲取input元素，再獲取其值。

示例代碼：

var inputValue = document.getElementById('inputId').value;
  1. 使用layui的方式獲取：通過(guò)使用layui的form模塊，通過(guò)form.on(‘submit(formDemo)’, function(data){})事件監(jiān)聽(tīng)表單的提交，然后通過(guò)data.field獲取表單數(shù)據(jù)。

示例代碼：

layui.use('form', function(){
  var form = layui.form;
  
  //監(jiān)聽(tīng)表單提交
  form.on('submit(formDemo)', function(data){
    var inputValue = data.field.inputName;
    //處理獲取的數(shù)據(jù)
    return false; //阻止表單跳轉(zhuǎn)
  });
});

其中，'formDemo’是form元素的lay-filter屬性值，指定了監(jiān)聽(tīng)的表單。'inputName’是input元素的name屬性值，指定了要獲取的input數(shù)據(jù)。

0 踩