Question

我还是新手。。我希望值显示在我已经在css中定义的div中，当我单击按钮时。但唯一出来的就是按钮。我无法得到正确的结果，我想要的就是我所做的。

<?php
var $val=001;
function increase(){
    echo "<div id='display' >$val++</div>" ;
}

?>
<body>
<div id="display"> 
<button type="button" onclick="increse()">click me!!</button>
</div>
</body>


---------------------my #display in css-------------
.display{
height: 200px;
width: 500px;
background-color:#CECECE;
}

请帮忙。或者可以推荐一些有用的东西。谢谢你:)）

Answer 1

<body>
<div id="display"> 
<button type="button" onclick="increase()">click me!!</button>
</div>
</body>

你应该使用javascript `

function increase()
{
    var val=001;
    document.getElementById('display').innerHTML=val++;
}
</script>`

如果你想在php中这样做：

<body>
<div id="display"> 
<button type="button" onclick="<?php increase(); ?>">click me!!</button>
</div>
</body>

但是这不会给出想要的结果，因为这将附加另一个具有相同id显示的div

Answer 2

HTML

<div class="likes">13</div>
<button class="btn">Increment</button>

<强>的jQuery

$('.btn').click(function() {
  var num = parseInt($('.likes').text());
  $('.likes').text(num+1);
});

<强> JSFIDDLE DEMO

现在您可以根据需要进行修改

单击按钮时如何在div中显示值？

2 个答案: