layui怎么获取input数据

layui

小亿

841

2024-01-13 18:28:12

栏目: 编程语言

在layui中获取input数据有几种方式：

使用jQuery的方式获取：通过给input元素添加id属性，然后使用jQuery的选择器获取其值。

示例代码：

var inputValue = $('#inputId').val();

使用原生JavaScript的方式获取：通过给input元素添加id属性，然后使用document.getElementById()方法获取input元素，再获取其值。

示例代码：

var inputValue = document.getElementById('inputId').value;

使用layui的方式获取：通过使用layui的form模块，通过form.on(‘submit(formDemo)’, function(data){})事件监听表单的提交，然后通过data.field获取表单数据。

示例代码：

layui.use('form', function(){
  var form = layui.form;
  
  //监听表单提交
  form.on('submit(formDemo)', function(data){
    var inputValue = data.field.inputName;
    //处理获取的数据
    return false; //阻止表单跳转
  });
});

其中，'formDemo’是form元素的lay-filter属性值，指定了监听的表单。'inputName’是input元素的name属性值，指定了要获取的input数据。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

layui怎么获取input数据

最新问答

相关标签