Javascript 如何将JS变量添加到隐藏的表单值中_Javascript_Jquery_Html_Css_Webpage

Javascript 如何将JS变量添加到隐藏的表单值中

javascript jquery html css

Javascript 如何将JS变量添加到隐藏的表单值中,javascript,jquery,html,css,webpage,Javascript,Jquery,Html,Css,Webpage,我在尝试将JS变量放入隐藏字段时遇到问题我目前正在获得我需要的值，如下所示： HTML Snippet <p class="total-box"><span></span></p> JS Snippet var totalDonation = $('.total-box > span'); var input = document.createElement("input"); input.setAttribute("type", "

我在尝试将JS变量放入隐藏字段时遇到问题

我目前正在获得我需要的值，如下所示：

HTML Snippet
<p class="total-box"><span></span></p>

JS Snippet
var totalDonation = $('.total-box > span');

var input = document.createElement("input");

input.setAttribute("type", "hidden");
input.setAttribute("name", "xyz");
input.setAttribute("value", ('value', document.querySelector('.total-box > span').innerText);

//append to form element that you want .
document.getElementById("xyz").appendChild(input);

我一整天都在做这件事，看不出哪里出了问题。如有任何帮助或建议，将不胜感激

这是我正在使用的代码的一部分。

您正在尝试为作为span元素的jQuery对象设置一个输入值。您需要使用

.text（）

首先获取span的值。在这方面：

var totalDonation = $('.total-box > span');

只需添加

.text（）

，如下所示：

var totalDonation = $('.total-box > span').text();

现在它应该可以工作了。

您正在尝试为jQuery对象设置一个输入值，该对象是一个span元素。您需要使用

.text（）

首先获取span的值。在这方面：

var totalDonation = $('.total-box > span');

只需添加

.text（）

，如下所示：

var totalDonation = $('.total-box > span').text();

现在它应该可以工作了。

试试这个；代码snipp中提到了描述；基本上获取span标记的内部文本并将其指定给隐藏的输入

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

    <p class="total-box"><span>This is the text</span></p>
    <input type="hidden" id="xyz" /> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>

       var totalDonation = $(".total-box>span").text();

       $("#xyz").val(totalDonation); // Sets the text from total donation to your hidden input

       var hiddeninput = $("#xyz").val();

       console.log(hiddeninput); // displays hidden input data


    </script>

</body>
</html>


文件
这是文本
var total捐赠=$（“.total box>span”）.text（）；
$（“#xyz”）.val（总捐赠）；//将文本从总捐赠设置为隐藏输入
var hiddeninput=$（“#xyz”）.val（）；
console.log（hiddeninput）；//显示隐藏的输入数据

试试这个；代码snipp中提到了描述；基本上获取span标记的内部文本并将其指定给隐藏的输入

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

    <p class="total-box"><span>This is the text</span></p>
    <input type="hidden" id="xyz" /> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>

       var totalDonation = $(".total-box>span").text();

       $("#xyz").val(totalDonation); // Sets the text from total donation to your hidden input

       var hiddeninput = $("#xyz").val();

       console.log(hiddeninput); // displays hidden input data


    </script>

</body>
</html>


文件
这是文本
var total捐赠=$（“.total box>span”）.text（）；
$（“#xyz”）.val（总捐赠）；//将文本从总捐赠设置为隐藏输入
var hiddeninput=$（“#xyz”）.val（）；
console.log（hiddeninput）；//显示隐藏的输入数据

totalgeneration

totalgeneration

是一个jquery对象，您试图为它设置隐藏字段值，您需要它的值，而不是整个值object@Bob这就是我第一次尝试的方法。您可以详细说明吗？<代码>文档.GETelEnMyByID（‘XYZ’）。value = TooPosial.Trand（）< /C> >您可以考虑选择JQuery方法来选择和与DOM交互（例如，<代码> $（‘总计框＞跨度）< /> >）或标准DOM方法（例如<代码>文档> Query选择器（'ToalBox＞SPAN））并始终如一地坚持下去。我试着按照你说的做，但仍然没有传递那个值。我得到的唯一值是0.00。请参见此处的代码笔或我更新的问题中的代码笔。我试着按照你说的做，但还是没有传递那个值。我得到的唯一值是0.00。请参见此处的代码笔或我更新的问题中的代码笔。