HTML代码:

<form class="layui-form" action="submit.php" method="POST">
  <div class="layui-form-item">
    <label class="layui-form-label">下拉列表框</label>
    <div class="layui-input-block">
      <select name="select" lay-filter="select">
        <option value=""></option>
        <option value="1">选项1</option>
        <option value="2">选项2</option>
        <option value="3">选项3</option>
      </select>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">文本框1</label>
    <div class="layui-input-block">
      <input type="text" name="text1" required  lay-verify="required" placeholder="请输入文本框1" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">文本框2</label>
    <div class="layui-input-block">
      <input type="text" name="text2" required  lay-verify="required" placeholder="请输入文本框2" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="submit">提交</button>
    </div>
  </div>
</form>

JavaScript代码:

layui.use(['form', 'jquery'], function() {
  var form = layui.form;
  var $ = layui.jquery;

  // 监听提交按钮
  form.on('submit(submit)', function(data) {
    // 获取下拉列表框和文本框的值
    var selectVal = data.field.select;
    var text1Val = data.field.text1;
    var text2Val = data.field.text2;

    // 自定义提交域名和参数
    var url = 'http://example.com/submit';
    var params = {
      'select': selectVal,
      'text1': text1Val,
      'text2': text2Val
    };

    // 发送POST请求
    $.ajax({
      type: 'POST',
      url: url,
      data: params,
      success: function(res) {
        // 处理返回结果
        console.log(res);
        alert('提交成功!');
      },
      error: function(error) {
        // 处理错误
        console.log(error);
        alert('提交失败,请重试!');
      }
    });

    return false;
  });
});

PHP代码:

<?php
$select = $_POST['select'];
$text1  = $_POST['text1'];
$text2  = $_POST['text2'];

// 处理提交数据
// ...

// 返回结果
echo '提交成功!';
?>
用layui写个有一个下拉列表框 2个文本框可以提交的php代码自定义提交域名自定义参数

原文地址: https://www.cveoy.top/t/topic/Jbw 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录