はjavascriptを

Question

でリストからこの値を渡しI次のリストがあります。

<ul> 
    <li onclick="populateComment(..this.)">very good </li> 
    <li onclick="populateComment(..this.)">not so good</li> 
    <li onclick="populateComment(..this.)">no t.....</li> 
</ul> 

とJavaScriptを：

function populateComment() { 

    document.getElementById("COMMENT").value = document.getElementById("COMMENT").value + 'THE_STRING_VALUE_FROM_THE_LIST'; 

} 

だから、アイデアがある私は、上のクリックして記入テキストエリアを、持っていることリスト。

したがって、最初のリストをクリックすると、「非常に良い」というテキストをテキストエリアに追加する必要があります。しかし、私はテキストを再入力したくない「非常に良い」私の関数の中で、私はthis.value..などの引数として何かを直接それを取ることができるので、それは自動的に<li> ...</li>

はお時間をいただき、ありがとうございますの間の文字列を取ります。あなたが探している

Answer 1

：

this.textContent || this.innerText 

this.textContentはthis.innerTextはIEの古いバージョンのために必要とされる、すべてのまともなブラウザでサポートされています。

代わりのonclickハンドラを複数回複製する、あなたはまた、<ul>要素にリスナーをバインドすることができます。

// Replace <ul> with <ul id="populatefrom"> 
document.getElementById("populatefrom").onclick = function(ev) { 
    ev = ev || window.event; //Backwards compatible with IE 
    var target = ev.target; 
    if (target.nodeName.toLowerCase() == "li") { 
     document.getElementById("COMMENT").value += target.textContent || target.innerText; 
    } 
}; 

Answer 2

は、あなたがテキストの単純なビット以外のものを持っていない場合、あなたはまた、使用することができます：すべての任意のノード（太字、スパン、またはテキスト以外の何か...でも、HTMLのコメント）がある場合

this.firstChild.nodeValue; 

しかし、これは動作しません、あなたはロブWが与えたtextContent/innerTextコンボを必要とします。

Answer 3

あなたがそうのようにjQueryを使ってこれを行うことが確かに（まだこれをテストしていない）：

<ul> 
    <li class="populateComment">very good </li> 
    <li class="populateComment">not so good</li> 
    <li class="populateComment">no t.....</li> 
</ul> 

とあなたのjQuery：

jsfiddle作業

$('.populateComment').click(function(){ 
    $('#textboxID').val($(this).html()); 
}); 

：http://jsfiddle.net/zEaam/