我无法获取未知文本输入的值。我目前有一个 for 循环，它将遍历 mysql 查询返回的行数组。返回的数据被迭代显示在页面上。每行都包含自己的表单和按钮。如果单击该按钮，我希望它获取数组中同一行内的值并将它们发送到另一个页面。我的问题是，由于行数未知，我怎样才能只获得单击按钮的行内的值？

编辑:

正如您在图像中看到的， Accordion 及其内部的卡片是由 for 循环生成的。卡片的数量将取决于 MySQL 查询返回的行数。为了验证我的问题，每个“卡片”内部都有输入，其中的值也来自 MySQL 查询，因此，如果用户单击“编辑客户端”，我只想获取其卡片内文本框的值。以下是生成每张卡片的代码:

代码:

$counter = 0;
foreach($clients as $client) {
echo '
<div class="card">
<div class="card-header" role="tab" id="heading'. $counter .'">
    <h5 class="mb-0">
    <div class="row">
        <div class="d-flex align-items-center schedule-flex">
            <div class="col-8 col-md-10">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse'. $counter .'" aria-expanded="true" aria-controls="collapse'. $counter .'">
                    '. $client['fName'] .' '. $client['lName'] .'
                </a>
            </div>
        </div>
    </div>
    </h5>
</div>
<div id="collapse'. $counter .'" class="collapse" role="tabpanel" aria-labelledby="heading'. $counter .'">
<div class="card-block">
    <form action="editClient.php">
        <div class="row">
            <div class="col-12 col-md-6">
                <label for="fname">First Name</label>
                <input name="fname" class="form-control" type="text" value="'. $client['fName'] .'" disabled>
            </div>
            <div class="col-12 col-md-6">
                <label for="lname">Last Name</label>
                <input name="lname" class="form-control" type="text" value="'. $client['lName'] .'" disabled>
            </div>
            <div class="col-12 col-md-6">
                <label for="address">Address</label>
                <input name="address" class="form-control" type="text" value="'. $client['address'] .'" disabled>
            </div>
            <div class="col-12 col-md-6">
                <label for="phone">Phone Number</label>
                <input name="phone" class="form-control" type="text" value="'. $client['telephone'] .'" disabled>
            </div>
            <div class="col-12 col-md-6">
                <label for="email">Email Address</label>
                <input name="email" class="form-control" type="text" value="'. $client['email'] .'" disabled>
            </div>
        </div>
        <button class="btn btn-lg btn-primary btn-block schedule-submit" type="submit">Edit Client</button>
        <br />
    </form>
</div>
</div>
</div>
';
$counter++;

最佳答案

据我所知，我认为您在提交表单时遇到了问题。根据您的描述和代码，您似乎正在生成多个表单。

1. 您的表单没有任何method = "post" 所以我添加了操作。
2. 为了分别提交每个表单，我使用计数器为每个表单添加了唯一的 ID。
3. 为包含计数器编号的按钮添加了 ID，因此每个表单都有唯一的表单 ID 和按钮 ID，因此现在您可以单独提交该表单。
4. 您现在可以使用 PHP 提交表单。
5. 我已经添加了提交表单的脚本。首先获取按钮 ID，然后使用该按钮 ID 提交表单。
6. 最后，如果需要，请在提交前检查验证。

代码如下:

$counter = 0;
foreach($clients as $client) {
echo '
<div class="card">
<div class="card-header" role="tab" id="heading'. $counter .'">
    <h5 class="mb-0">
    <div class="row">
        <div class="d-flex align-items-center schedule-flex">
            <div class="col-8 col-md-10">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse'. $counter .'" aria-expanded="true" aria-controls="collapse'. $counter .'">
                    '. $client['fName'] .' '. $client['lName'] .'
                </a>
            </div>
        </div>
    </div>
    </h5>
</div>
<div id="collapse'. $counter .'" class="collapse" role="tabpanel" aria-labelledby="heading'. $counter .'">
<div class="card-block">
    <form action="editClient.php" method="post" id="form'. $counter .'">
        <div class="row">
            <div class="col-12 col-md-6">
                <label for="fname">First Name</label>
                <input name="fname" class="form-control" type="text" id="fname'. $counter .'" value="'. $client['fName'] .'" disabled>
            </div>
            <div class="col-12 col-md-6">
                <label for="lname">Last Name</label>
                <input name="lname" class="form-control" type="text" id="lname'. $counter .'" value="'. $client['lName'] .'" disabled>
            </div>
            <div class="col-12 col-md-6">
                <label for="address">Address</label>
                <input name="address" class="form-control" type="text" id="address'. $counter .'"  value="'. $client['address'] .'" disabled>
            </div>
            <div class="col-12 col-md-6">
                <label for="phone">Phone Number</label>
                <input name="phone" class="form-control" type="text" id="phone'. $counter .'" value="'. $client['telephone'] .'" disabled>
            </div>
            <div class="col-12 col-md-6">
                <label for="email">Email Address</label>
                <input name="email" class="form-control" type="text" id="email'. $counter .'" value="'. $client['email'] .'" disabled>
            </div>
        </div>
        <button class="btn btn-lg btn-primary btn-block schedule-submit edit_client_button" id="'. $counter .'" type="submit">Edit Client</button>
        <br />
    </form>
</div>
</div>
</div>
';
$counter++;


// Saperatedly add the Script to with your javascript files. I have added here just for example. put it in a right place.

<script type="text/javascript">    

    $(".edit_client_button").click(function() {
        var buttonid = this.id;             
        $( "#form"+buttonid ).submit();     
    });

</script>

我已在您希望在点击时获得值(value)的每个输入中添加了 id 属性。 更新了用于在单击按钮时获取输入值的脚本。

<script type="text/javascript">    

    $(".edit_client_button").click(function() {
        var buttonid = this.id;             
        var fname = $('#fname'+buttonid); //Kevin
        var lname = $('#lname'+buttonid); //Smith
        var address = $('#address'+buttonid); //1212 Test Street
        var phone = $('#phone'+buttonid); //8472934569 
        var email = $('#email'+buttonid); //kevin.smith@gmail.com



        // This variabls contail the input value which you want on click. 

        // Use console.log(); to see the value or simply alert();
        // example: console.log(email); or alert(email);

    });

</script>

根据您的评论，我没有正确理解您的意思。你提到你需要一个值(value)形式的输入。 示例:

If the button, "edit client" inside Kevin Smith is clicked, I would like for my php script to grab the values inside the textbox, i.e. Kevin, Smith, 1212 Test Street, 2929292929 and test.test@gmail.com.

我建议的脚本是为您提供表单中的所有值，但是如果您想单独获取该输入值，我已经更新了答案代码，请检查。

关于PHP:如何获取未知文本框的值？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45474046/