JavaScript関数のユニークIDの変数

Question

著者名をクリックする必要があるいくつかの項目に対してPHP foreachループで呼び出されたonclickイベントがあります。 1つの名前しか生成されていないので、各HTML要素に一意のIDが必要です。私は既に変数に$objkeyを持っていますので、私はそれをidに追加しました。

<?php 
//This is the item that appears in the loop. 
//Currently, clicking on each one that is generated only generates the first author name 
//The correct author as passed by PHP displays in the loop. 
//$closest is the value of the author's name. 
echo 'Click name to add <span><button id="closest' . $objkey . '" onClick="setAuthor()">' . $closest . '</button></span><br />'; 
?> 

私はprint_r('$objkey);を実行しましたが、カウンタの適切な値が渡されています。

このボタン要素$closestの値を入力フィールドに渡したいとします。

<?php 
echo '<input id="author_name' . $objkey . '" type="text" name="author_name' . $objkey . '" value="' . $author . '" />'; 
?> 

：私は、両方の入力のidとname要素（それが助けかどうかわからない）（：入力フィールドに値を取得する必要が著者ごとにありUPDATE）に変数を追加しています私はこだわっているどこの関数である：各ループされた項目は明確な名前を生成するよう

<script type="text/javascript">function setAuthor() { 
var author = document.getElementById("closest").innerHTML; 
window.alert(author); 
document.forms["myform"].elements["author_name"].value = author; }</script> 

はどのようにユニークなIDの関数内の変数を作成するのですか？それを行うには

Answer 1

一つの方法は、SETAUTHOR関数にthisを渡すことです。このアプローチでは

<?php 
//This is the item that appears in the loop. 
//Currently, clicking on each one that is generated only generates the first author name 
//The correct author as passed by PHP displays in the loop. 
//$closest is the value of the author's name. 
echo "Click name to add <button id='closest_{$objkey}' onClick='setAuthor(this)'>{$closest}</button><br/>"; 
?> 

、あなたはsetAuthor内の要素にアクセスすることができます。

<script type="text/javascript"> 
function setAuthor(el) { 
    var author = el.innerHTML, 
     id = el.id.replace(/^closest_/, ''); 
    if (console) { 
     console.log(author); 
    } 
    document.forms["myform"].elements["author_name_" + id].value = author; 
} 
</script> 

ただし、「shouldn onclickをインラインおよび各要素に設定します。イベント登録機能を使用する必要があります。