主页 / 问题 / 1114129
Accepted
Дмитрий Белый
Asked:2020-04-22 23:30:02 +0000 UTC2020-04-22 23:30:02 +0000 UTC

如何使用一个单选按钮向表格添加多个值？

  • 772

例如，有一个包含字段的表：年龄、性别、工作。表格上还有几个单选按钮：Peter、Vasily、Masha、Lena。例如，在选择“Lena”单选按钮时，表格中添加了几个值：27 岁、女性、经理。只选择一个单选按钮时，如何将多个值添加到表格中？这有可能吗？

php

1 个回答

  1. Best Answer

    如果任务是发送用户看不到的任何数据。然后您可以隐藏表单标签中的数据，或者发出 XHR 请求，站点将在其中发送必要的数据

    1 方式是提交隐藏数据，连同表单一起提交 

    <form action="" method="get">
    <!-- ЭТИ ПОЛЯ ПОЛЬЗОВАТЕЛЬ НЕ ВИДИТ, НО ОНИ ОТПРАВЛЯЮТСЯ НА PHP ОБРАБОТЧИК -->
    <input type="hidden" name="gender" value="[YOUR_VALUE_GENDER]">
    <input type="hidden" name="age" value="[YOUR_VALUE_AGE]">
    <input type="hidden" name="role" value="[YOUR_VALUE_MANADGER]">

    <!-- ЭТИ ПОЛЯ ПОЛЬЗОВАТЕЛЬ МОЖЕТ ИЗМЕНИТЬ, ОДНАКО ЗНАЧЕНИЕ В СКРЫТЫХ ПОЛЯХ НЕ ИЗМЕНИТСЯ -->
    <input type="radio" id="contactChoice1" name="contact" value="Пётр">
    <label for="contactChoice1">Пётр</label>

    <input type="radio" id="contactChoice2" name="contact" value="Василий">
    <label for="contactChoice2">Василий</label>

    <input type="radio" id="contactChoice3" name="contact" value="Маша">
    <label for="contactChoice3">Маша</label>

    <input type="radio" id="contactChoice4" name="contact" value="Лена">
    <label for="contactChoice4">Лена</label>

    <button type="submit">Отправить</button>
</form>

    2 方式 - 通过事件发送数据，通过 XHR 请求 您可以在选择单选按钮时发送必要的数据。下面的示例提供了静态数据，但是，您可以将其更改为您喜欢的任何内容。方便你的方法

    单选按钮的 HTML 代码现在看起来像这样

    <!-- Отправка данных происходит по нажатию на радиоКнопку  -->
<input type="radio" id="contactChoice2" name="contact" value="Василий" onclick="hideSend(this);">
<label for="contactChoice2">Василий</label>

<input type="radio" id="contactChoice3" name="contact" value="Маша" onclick="hideSend(this);">
<label for="contactChoice3">Маша</label>

<input type="radio" id="contactChoice4" name="contact" value="Лена" onclick="hideSend(this);">
<label for="contactChoice4">Лена</label>

    选择单选按钮时发送数据的 JavaSrupt 代码：

    // Функция, для отправки скрытых данных 
function hideSend (valueName) {
    var xhr = new XMLHttpRequest();
    //  Формируем список отправляемых параметров 
    var params =
                 'gender=' + encodeURIComponent('[YOUR_VALUE_GENDER]') +
                 '&age=' + encodeURIComponent('[YOUR_VALUE_GENDER]') + 
                 '&role=' + encodeURIComponent('[YOUR_VALUE_MANADGER]') +
                //   Значение нажатого инпута
                 '&name=' + encodeURIComponent(valueName);

    xhr.open(
        "GET", // Тип отправки GET | POST
        '/submit?' + params, // Путь до PHP обработчика 
        true);

    xhr.send();
}

    收到用户的数据后。使用 PHP 处理程序添加所需的数据

    • 0

相关问题