将输入值设置为div内容

Question

我有一些动态按钮，当我点击它们时，它们会用id="prezzo"显示div内部的价格。

但是现在我需要这样做，当我单击其中一个按钮时，它们用相同的"data-prezzo"填充表单的隐藏值字段。

基本上，我希望即使表单值也是动态的，就像带有id="prezzo"的div一样。

这个是可能的吗？

​

$(document).ready(function() {
  $("input[id^=service]").on("click", getCheck);
  $(".event-hook-class").on("click",function(e) {
    e.preventDefault();
    $(".event-hook-class").removeClass("active");
    $(this).addClass("active")
    $("#prezzo").html($(this).data('prezzo') + ' €');
    $("#form-prezzo").setAttribute("value", $(this).data('prezzo'));
    $("#piano").html('piano: ' + $(this).data('piano'));
    getCheck(); // will add this and the checkboxes
  });
  getCheck(); // initialise on page load
});

<?php
  echo '<button type="button" class="event-hook-class simple-text piano" id="'.$id_appartamenti.'" data-prezzo="'.$prezzo_piano.'" data-piano="'.$piano.'">.$id_appartamenti.' <br> piano '.$piano.'<br> prezzo '.$prezzo_piano.' €</button><br>';
?>

<p class="paragraph" id="prezzo"> €</p>


<form>
<input type="hidden" value="" id="form-prezzo" data-name="prezzo">
</form>

​

和带有这个输入字段的表单

Answer 1

可以使用val()设置输入的值：

$("#form-prezzo").val(prova)

此外，隐藏字段中还有一个双id属性，该属性无效

Answer 2

如果您正在获取div或p标记的值，则可以使用以下代码获得它。

                 $("#prezzo").text()