Question

任何人都可以通过我可以显示产品名称的功能来帮助我，在这种情况下，请在输入文本字段中输入LEU CHROM，该功能将包含在product_item中。

这是我单击并运行该功能的字段

                        <div class="product__item" onclick="displayAbo()" id="product-medium" tabindex="-1" role="radio" aria-checked="false" aria-describedby="medium-desc">
                          <div class="product__inner" id="medium-desc">
                            <h3 class="product__title">TEST</h3>
                            <ul class="product__features">
                              <li class="product__features-item">40 Mbit/s</li>
                              <li class="product__features-item"><img src="themes/zuerich/images/I.png" style="width: 100px; margin-right: 110px;"></li>
                            </ul>
                            <h4 class="product__price">CHF 39.–</h4>
                          </div>
                        </div>

在此字段中，我要插入product_title类中的文本

<input class="contactFormClass_text" id="contactFormFieldId_382" type="text" name="contactFormField_382" value="">

这是我尝试使用该功能在测试中显示日期的功能，但我再也找不到了

  function displayAbo() {
   document.getElementById("contactFormFieldId_382").innerHTML = Date();
}

感谢所有想帮助我的人

Answer 1

您必须使用value属性。那就是：

function displayAbo() {
    document.getElementById("contactFormFieldId_382").value = Date();
}

Answer 2

将对被单击元素的引用传递给函数，然后选择其中具有类product__title的元素：

function displayAbo(elem) {
   document.getElementById("contactFormFieldId_382").value = 
     elem.querySelector('.product__title').innerText;
}

<div class="product__item" onclick="displayAbo(this)" id="product-medium" tabindex="-1" role="radio" aria-checked="false" aria-describedby="medium-desc">
  <div class="product__inner" id="medium-desc">
    <h3 class="product__title">LEUWIN M</h3>
    <ul class="product__features">
      <li class="product__features-item">40 Mbit/s</li>
      <li class="product__features-item"><img src="themes/zuerich/images/I.png" style="width: 100px; margin-right: 110px;"></li>
    </ul>
    <h4 class="product__price">CHF 39.–</h4>
  </div>
</div>


<input class="contactFormClass_text" id="contactFormFieldId_382" type="text" name="contactFormField_382" value="">

Answer 3

   document.getElementById("contactFormFieldId_382").value = document.querySelector('.product__title').textContent;

<div class="product__item" onclick="displayAbo(this)" id="product-medium" tabindex="-1" role="radio" aria-checked="false" aria-describedby="medium-desc">
  <div class="product__inner" id="medium-desc">
    <h3 class="product__title">LEUWIN M</h3>
    <ul class="product__features">
      <li class="product__features-item">40 Mbit/s</li>
      <li class="product__features-item"><img src="themes/zuerich/images/I.png" style="width: 100px; margin-right: 110px;"></li>
    </ul>
    <h4 class="product__price">CHF 39.–</h4>
  </div>
</div>


<input class="contactFormClass_text" id="contactFormFieldId_382" type="text" name="contactFormField_382" value="">

使用h3的类访问值

如何将文本追加到联系表单字段

3 个答案: