如何从HTML向PHP传递字符串？点击元素赋值PHP变量的方法

针对你的需求，这里有两个简单易复用的方案，根据你的实际场景选择即可：

方案一：URL GET参数传递（简单直接，无需额外JS） #

这种方案适合需要页面刷新后PHP直接获取值的场景，批量修改成本极低：

步骤1：批量修改HTML标签 #

把每个<a>的href属性修改为带name参数的地址，参数值就是你要传递的名称（比如Get_Right），同时保留原有的模态框触发属性：

<li>
  <a href="?name=Get_Right" data-toggle="modal" data-target="#myModal">
    <span>Get_Right| $180.000</span>
  </a>
</li>

批量处理时，只需要把每个<a>的href里的name参数值替换成对应项的名称即可，50个元素改起来非常快。

步骤2：PHP端获取值 #

在页面的PHP代码块（建议放在页面最顶部）中，通过$_GET全局变量获取传递的名称：

<?php
// 初始化变量
$name = '';
// 检查是否有name参数传递
if (isset($_GET['name'])) {
    $name = $_GET['name'];
    // 这里可以添加你的业务逻辑，比如存储到数据库、输出到页面等
}
?>

方案二：AJAX异步传递（无页面刷新，体验更好） #

如果需要点击后不刷新页面，同时触发模态框并传递名称给PHP，推荐用这种方案，同样支持批量复用：

步骤1：给HTML标签添加自定义属性 #

给每个<a>标签添加data-name属性，值对应要传递的名称，保留原有的模态框属性：

<li>
  <a href="#" data-toggle="modal" data-target="#myModal" data-name="Get_Right">
    <span>Get_Right| $180.000</span>
  </a>
</li>

批量修改时，只需要给每个<a>加上data-name="对应名称"即可，非常高效。

步骤2：编写JS事件处理（基于jQuery） #

因为你的代码用到了Bootstrap的模态框（data-toggle="modal"），所以默认已经引入了jQuery，直接写以下代码即可：

$(document).ready(function() {
    // 给所有带data-name属性的a标签绑定点击事件
    $('a[data-name]').on('click', function(e) {
        // 阻止默认的#跳转行为
        e.preventDefault();
        // 获取要传递的名称
        const targetName = $(this).data('name');
        
        // 发送AJAX请求到PHP处理文件
        $.ajax({
            url: 'handle_name.php', // 替换成你的PHP处理文件路径
            type: 'POST',
            data: { name: targetName },
            success: function(response) {
                // 请求成功后的回调，比如打印结果或做其他操作
                console.log('PHP已接收名称：', response);
                // 手动触发模态框（因为我们阻止了默认事件）
                $('#myModal').modal('show');
            },
            error: function() {
                console.error('传递名称失败，请检查PHP文件路径');
            }
        });
    });
});

步骤3：PHP处理文件（handle_name.php） #

创建一个单独的PHP文件来接收AJAX传递的参数：

<?php
// 检查是否有POST参数传递
if (isset($_POST['name'])) {
    $name = $_POST['name'];
    // 这里添加你的业务逻辑，比如存储、验证等
    // 返回响应给前端
    echo $name;
} else {
    echo '未接收到名称参数';
}
?>

两种方案都能很好地支持批量复用，你可以根据是否需要页面刷新来选择。

内容的提问来源于stack exchange，提问作者Fábio Rodrigues