値を変更するには、テキストをクリックする方法

Question

、「テキスト」に「ABC」

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

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



    }); 
</script> 

Answer 1

あなたはdiv内のテキストを取得するためにtextを使用することができますが、テキスト（ABC）をクリックし、入力タイプの値を変更する方法、およびinputの値を変更するval：

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

これは現在、DOM内のすべてのinputの値を変更すると同じようにあなたは、しかしinputセレクタは、より具体的にしたいことがあります。

また、新しい値には空白が含まれます。したがって、例の場合、値にはテキスト "abc"の前後にスペースが含まれます。あなたはtrimを使用してそれを防ぐことができます。

ここにはworking exampleがあります。

Answer 2

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

これを試してください。

Answer 3

$(document).ready(function(){ 

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

---