텍스트 상자의 값을 변경하려면 HTML 링크

Question

HTML에서 텍스트를 만들려고 노력하고 있습니다. 일단 클릭하면 텍스트 상자 근처에있는 텍스트 상자의 값이 클릭 한 텍스트의 값과 동일하게 변경됩니다. 어쨌든 내가 할 수 있습니까?

다시 말해, 링크/텍스트에 대한 버튼 (onclick 이벤트)의 기능을 원합니다. 예를 들어 : 이것에 무슨 문제가 있습니까?

<td>
    <input type="submit" name="submit" value=<%=text.toString()%>  
        onClick="(<% TextBox1.Text=text.toString()%>)" 
        style="background:none;border:0;color:#ff0000">
</td>

Answer 1

입력에 "foo"값이있는 ID 속성이 있다고 가정합니다.

onclick="document.getElementById('foo').value='bar';"

jQuery와 같은 프레임 워크는 이것을 약간 더 간단하게 만들 수 있습니다.

$('#foo').attr('value', 'bar');

예를 들어이 이벤트를 SPAN 요소에 추가 할 수 있습니다. 스크립트를 사용하여 이러한 이벤트와 특수 스타일을 설정하여 행동 방식을 반영하여 스크립트가 없으면 다른 (부족한) 행동이 여전히 직관적 인 것처럼 보입니다.

Answer 2

당신은 그것을 할 수 있습니다 :

<span onclick="document.getElementById('myTextbox').value=this.innerHTML;">text</span>
<input type="text" value="" id="myTextbox">

jQuery와 함께 :

<span onclick="$('#myTextbox').val(this.innerHTML);">text</span>
<input type="text" value="" id="myTextbox">