主页 / 问题 / 796866
Accepted
siberian
Asked:2020-03-12 14:32:41 +0000 UTC2020-03-12 14:32:41 +0000 UTC

从 div 中获取值并将其添加到输入 JS

  • 772

如何从 div 中获取值并将其添加到 input(value) 中？

html结构：

<input type="text" name="qty" id="qty" maxlength="12" value="1" title="" class="input-text qty">
        <div class="count-buttons__table">
            <div class="count-buttons__table-tr">
                <div class="count-buttons__table-td">6</div>
                <div class="count-buttons__table-td">12</div>
                <div class="count-buttons__table-td">18</div>
            </div>
            <div class="count-buttons__table-tr">
                <div class="count-buttons__table-td">24</div>
                <div class="count-buttons__table-td">30</div>
                <div class="count-buttons__table-td">36</div>
            </div>
        </div>
    </div>

您需要从表中选择一个数字并将其替换为输入值。单击具有类的元素时选择一个数字count-buttons__table-td

javascript

1 个回答

  1. Best Answer

    var elems = document.querySelectorAll('.count-buttons__table-td');

for (var i = elems.length - 1; i >= 0; i--) {
  elems[i].addEventListener('click', myFunc, false);
}

function myFunc() {
  document.getElementById('qty').value = this.innerHTML;
}
    <input type="text" name="qty" id="qty" maxlength="12" value="1" title="" class="input-text qty">
<div class="count-buttons__table">
  <div class="count-buttons__table-tr">
    <div class="count-buttons__table-td">6</div>
    <div class="count-buttons__table-td">12</div>
    <div class="count-buttons__table-td">18</div>
  </div>
  <div class="count-buttons__table-tr">
    <div class="count-buttons__table-td">24</div>
    <div class="count-buttons__table-td">30</div>
    <div class="count-buttons__table-td">36</div>
  </div>
</div>
</div>

    • 5

相关问题