表单提交后如何保留选定的下拉值？

表单提交后保留下拉菜单中的选定值

在提供的 HTML 表单中，表单提交后不会保留下拉菜单中的选定值提交。可以使用 JavaScript 根据提交的数据动态填充下拉值来解决此问题。

要实现此目的：

1. 向下拉输入添加唯一 ID：为每个下拉输入分配唯一的 ID（例如名称和位置）以方便 JavaScript
2. 在 PHP 中捕获提交的值：在 PHP 后端，使用 $_GET['name'] 和 $_GET['location'] 检索提交的值。
3. 使用 JavaScript 填充下拉值：使用 JavaScript 将下拉输入的 value 属性设置为相应的提交值。以下脚本完成此操作：

document.getElementById('name').value = "<?php echo $_GET['name']; ?>";
document.getElementById('location').value = "<?php echo $_GET['location']; ?>";

通过实施这些步骤，下拉菜单中的选定值将在表单提交后保持选中状态，从而提供更加用户友好的体验。

以上是表单提交后如何保留选定的下拉值？的详细内容。更多信息请关注PHP中文网其他相关文章！