требуется 2 клика для активации функции jquery и 1 клик после

Question

Мне нужна помощь с этим кодом, для запуска требуется 2 клика, а затем 1 клик.Я новичок в этом, и это хорошее место, чтобы получить совет.

 function setTextGPU(){

$("#GPUs li").click(function() {


document.getElementById('GPU').value = $(this).html();

});

}

, и это мой HTML

<div class="fieldValue">
    <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
    <input type="text" name="GPU" id="GPU" class="quote vga_val ui-autocomplete-input" autocomplete="off" data-toggle="dropdown" readonly>
    <ul class="dropdown-menu" id=GPUs aria-labelledby="GPU">
    <?php
    $query=("select name,price from oc_product_description natural join oc_product_to_category natural join oc_product where category_id = 481 and status=1 and quantity>0");
    $result=mysqli_query($conn,$query);
    while($GPU = mysqli_fetch_assoc( $result )) {
        echo '<li class=dropdown-item onclick=setTextGPU()>' . $GPU['name'].'             Cost : '.round($GPU['price']).'$</li>';
    }
    ?>
   </ul>

    <input name="gpu-qty" class="quote-qty " type="number" value="1" min="1">
</div>

Answer 1

остается прежним, теперь ничего не вводится.

$("#GPUs li").click(function() {


  document.getElementById('GPU').value = $(this).html();

});

<div class="fieldValue">
  <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
  <input type="text" name="GPU" id="GPU" class="quote vga_val ui-autocomplete-input" autocomplete="off" data-toggle="dropdown" readonly>
  <ul class="dropdown-menu" id=GPUs aria-labelledby="GPU">
    <?php
    $query=("select name,price from oc_product_description natural join oc_product_to_category natural join oc_product where category_id = 481 and status=1 and quantity>0");
    $result=mysqli_query($conn,$query);
    while($GPU = mysqli_fetch_assoc( $result )) {
        echo '<li class=dropdown-item>' . $GPU['name'].'             Cost : '.round($GPU['price']).'$</li>';
    }
    ?>
  </ul>

  <input name="gpu-qty" class="quote-qty " type="number" value="1" min="1">
</div>

Answer 2

Вы ошиблись при привязке события клика.Никогда не присоединяйте встроенную функцию и не привязывайте снова в javascript одновременно.

Обновленный код:

$("#GPUs li").click(function() {


  document.getElementById('GPU').value = $(this).html();

});

<div class="fieldValue">
  <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
  <input type="text" name="GPU" id="GPU" class="quote vga_val ui-autocomplete-input" autocomplete="off" data-toggle="dropdown" readonly>
  <ul class="dropdown-menu" id=GPUs aria-labelledby="GPU">
    <?php
    $query=("select name,price from oc_product_description natural join oc_product_to_category natural join oc_product where category_id = 481 and status=1 and quantity>0");
    $result=mysqli_query($conn,$query);
    while($GPU = mysqli_fetch_assoc( $result )) {
        echo '<li class=dropdown-item>' . $GPU['name'].'             Cost : '.round($GPU['price']).'$</li>';
    }
    ?>
  </ul>

  <input name="gpu-qty" class="quote-qty " type="number" value="1" min="1">
</div>