Javascript 我的JQuery将数据发布到'；文本框'；如何将其发布到'；div'；？_Javascript_Jquery_Html

Javascript 我的JQuery将数据发布到'；文本框'；如何将其发布到'；div'；？

javascript jquery html

Javascript 我的JQuery将数据发布到'；文本框'；如何将其发布到'；div'；？,javascript,jquery,html,Javascript,Jquery,Html,我对JQuery非常陌生。我已经可以，从textbox中获取数据，进行一些计算，并将其显示给其他“textbox”，尽管我想将其发布到“div”或“p”，只要不是textbox 这是我的密码参与者费用（印尼盾）：民粹主义费用（印尼盾）：总估计成本（印尼盾）： $（文档）.ready（函数（）{ $（'#calc'）。单击（函数（）{ var num_participant=parseInt（$（“num_participant”）.val（）； var return=parseInt（

我对JQuery非常陌生。我已经可以，从textbox中获取数据，进行一些计算，并将其显示给其他“textbox”，尽管我想将其发布到“div”或“p”，只要不是textbox

这是我的密码


参与者费用（印尼盾）：
民粹主义费用（印尼盾）：
总估计成本（印尼盾）：
$（文档）.ready（函数（）{
$（'#calc'）。单击（函数（）{
var num_participant=parseInt（$（“num_participant”）.val（）；
var return=parseInt（$（“return”）.val（）；
var esttime=parseInt（$（“esttime”）.val（）；
var parcost=参与人数*奖励；
var popcost=（parcost*0.1）+（num_参与者*150）；
var totcost=地块成本+popcost；
/*
document.getElementById（“结果”）.style.display=“块”；
document.getElementById（“parcost”）.value=parcost；
document.getElementById（“popcost”）.value=popcost；
document.getElementById（“totcost”）.value=totcost*/
document.getElementById（“结果”）.style.display=“块”；
$（#parcost”）.html（parcost）；
$（“#popcost”）.html（popcost）；
$（“#totcost”）.html（totcost）；
返回false；
});
});

如果我将其从“document.getelementById”更改为“$”，仍然无法工作。即使使用“document.getelementById”，它也不会显示在“div”上

有什么想法吗？

我不知道你在问什么，但如果你想把结果发送给div，只需使用

$（“#divId”）.html（result）

我认为你必须使用.text或.html代替.value。使用jquery查看这一点：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>text demo</title>
  <style>
  p {
    color: blue;
    margin: 8px;
  }
  b {
    color: red;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<p><b>Test</b> Paragraph.</p>
<p></p>

<script>
var str = $( "p:first" ).text();
$( "p:last" ).html( str );
</script>

</body>
</html>


文本演示
p{
颜色：蓝色；
利润率：8px；
}
b{
颜色：红色；
}
测试段落

var str=$（“p:first”）.text（）；
$（“p:last”）.html（str）；

我不确定您是否在问这个问题，但请尝试类似的方法

var totCost = document.getElementById("totcost").value;
$("#yourDivID").html(totCost);

如果希望在div中添加结果，请尝试：

jQuery("#divID").append("<p>" + data + "<p>");

jQuery（“#divID”）。追加（“+data+””）；

要更新

或

元素的内容，可以使用

innerHTML

而不是

值。
因此，在示例代码中，您将更新这一行：
document.getElementById("parcost").value = parcost;

为此：
document.getElementById("parcost").innerHTML= parcost;

此外，由于您已经在使用jQuery，因此可以简化单击功能：
$('#calc').click(function(){
    var num_participant = parseInt($("#num_participant").val());
    var reward = parseInt($("#reward").val());
    var esttime = parseInt($("#esttime").val());
    var parcost = num_participant*reward;
    var popcost = (parcost*0.1)+(num_participant*150);
    var totcost = parcost+popcost;
    $("#result").css("display", "block");
    $("#parcost").html(parcost);
    $("#popcost").val(popcost);
    $("#totcost").val(totcost);
});

将document.getElementById（“num_participant”）.value
更改为$（“#num_participant”）.val（）
以正确使用jQueryhi感谢您的回答，我已经更新了上面的代码，但仍然无法工作。有什么想法吗？尝试将jquery代码放入$（document）.ready（函数（）{…您的代码在这里…}）
还有，你真的有一个id为calc
的按钮吗？是的，我有@coder888这是代码计算，它仍然不起作用。。。我在html的末尾调用jquery，可以吗？因为向上移动也不会发生任何事情。div仍然是空的。虽然通过浏览器控制台，js中没有错误。你试过我在之前的评论中所说的吗？我已经更新了上面的代码。但它仍然不起作用。也许是我犯的另一个错误？@Reza您的更新代码中有一些错误：（1）num_参与者、奖励、esttime选择器缺少“#”。它们应该是这样的：$（“#num_participant”）.val（）等。（2）更新popcost和totcost时，应该使用.val（）而不是.html（）；你可以查看我的示例代码。是的，我有这个想法，但问题是我不知道为什么它仍然不能工作？我已经更新了上面的代码。num\u参与者
，奖励
和esttime
是ID或类（您缺少“#”或“.”）。顺便说一句，如果您想为输入
设置数据，请使用.val（）
，p
等设置.html（）
，谢谢。事实上，我只需要像你说的那样放上“#”。当我使用get.documentbyelementId时，我不需要它。