How do you get input data in layui? -> layuiで入力データを取得する方法は何ですか?
layuiでinputデータを取得する方法はいくつかありますか。
- jQueryを使用して値を取得する方法:input要素にid属性を追加し、その値を取得するためにjQueryのセレクタを使用する。
サンプルコード:
var inputValue = $('#inputId').val();
- ID属性を付与したinput要素を用いて、JavaScriptで取得する方法は、document.getElementById()メソッドを使用して、そのinput要素の値を取得することです。
コード例:
var inputValue = document.getElementById('inputId').value;
- 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’は、フォーム要素のlay-filter属性値であり、監視するフォームを指定します。 ‘inputName’は、input要素のname属性値であり、取得するinputデータを指定します。