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()

设置输入值等于div内容

2 个答案: