Блог

Как щелкнуть текст (abc) и изменить значение типа ввода «некоторый текст» на «abc»

 <div id="click"> abc </div>
<input type="text" value="some text"/>

<script>
    $("#click").click(function () {



    });
</script>
  

Вы можете использовать text для получения текста внутри div и val для изменения значения input :

 $("#click").click(function() {
    $("input").val($(this).text());
});
  

Возможно, вы захотите сделать input селектор более конкретным, поскольку в настоящее время это изменило бы значение каждого input элемента в DOM.

Также обратите внимание, что это будет включать в себя любые пробелы в новом значении. Итак, для вашего примера значение будет включать пробел до и после текста «abc». Вы могли бы предотвратить это с помощью trim .

Вот рабочий пример из приведенного выше.

 $(document).ready(function(){ 

          $('#click').click(function () { 
                $('input[type="text"]').val($(this).text());
             }); 
    });
  

попробуйте

 <div id="click" onclick="functionName();"> abc </div>
<input type="text" value="some text" id="textChange"/>

<script>
    function functionName(){
         $('textChange').value = '';
         $('textChange').value = $('click').innerHTML;
    }
</script>
  

попробуйте это.