Question

我想在jQuery中找到一个解决方案，可以帮助我找到特定选择名称的选定选项，并将其转移到隐藏的文本字段中。

我当前的选择框和隐藏字段如下：

    <select name="pa_weight">
        <option value="">No default Weight…</option>
        <option value="50g">50g</option>
        <option value="100g">100g</option>
        <option value="150g">150g</option>
    </select>   


    <input type="text" class="hiddenField" id="hiddenField" />

非常感谢某些专家的帮助，谢谢

Answer 1

您可以在如下所示的隐藏字段中设置值：

Index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible"
          content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <script src="https://code.jquery.com/jquery-3.3.1.js"
            integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
            crossorigin="anonymous"></script>
    <script>
        $(document).on('change', 'select[name="pa_weight"]', function (e) {
            $('#hiddenField').val($(this).val());
        });
    </script>
</head>

<body>
    <select name="pa_weight">
        <option value="">No default Weight…</option>
        <option value="50g">50g</option>
        <option value="100g">100g</option>
        <option value="150g">150g</option>
    </select>
    <input type="hidden"
           class="hiddenField"
           id="hiddenField" />

</body>

</html>

Answer 2

您可以在$id = $_POST['id'];上定义一个调用 onchange 的函数，该函数可获取所选选项的值并将其放入隐藏的 input 字段中。

示例：

$id = $_GET['id'];

还有您的HTML：

<select>

Answer 3

只需将select的.val（）放入隐藏字段的val中即可：

$("#hiddenField").val($('select').val());

查找选定选项并将其转移到隐藏字段

3 个答案: