用layui写个有一个下拉列表框 2个文本框可以提交的php代码自定义提交域名自定义参数
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 '提交成功!';
?>
原文地址: https://www.cveoy.top/t/topic/Jbw 著作权归作者所有。请勿转载和采集!