AJAX機能のonclickイベント

Question

にリンク値を渡す私はこのリンクはAjaxの機能 にこの$result22['category'];値を渡したい

例えば

<li><a href="" onclick="getcategory(this);"><?php echo $result22['category']; ?></a></li> 

この

をしようとしているいくつかのデータが含まれているリンクを持っています

<script type="text/javascript"> 
function getcategory(cat) 
{ 
var id = cat.value; 
alert("hi" + id); 
} 
</script> 

警告欄に未定義のメッセージが表示されます

何が間違っていますか？ catので、アラートボックス

Answer 1

に$result22['category'];の正しい値を取得していないですがa要素であり、それはvalue性質を持っていません。 （子要素があるかもしれない場合やinnerHTML）textContentまたはinnerTextを使用します。

function getcategory(cat) { 
    var id = cat.textContent; 
    alert("hi" + id); 
} 

それは一般的に、valueプロパティ（例えばinput要素）を持っている唯一のフォームコントロールです。

Answer 2

なぜこれを行うだけではないのですか？

<li><a href="" onclick="getcategory('<?= $result22['category']; ?>');"><?php echo $result22['category']; ?></a></li> 

<script type="text/javascript"> 
function getcategory(content) { 
    alert(content); 
} 
</script> 

Answer 3

あなたがあるのonClickハンドラバインドするために、別のJavaScriptファイルを使用していない場合、私は関数にあなたの出力をお勧めします

<li><a href="" id=<?php echo $result22['category']; ?> onclick="getcategory(this.id);"><?php echo $result22['category']; ?></a></li> 

<script type="text/javascript"> 
    function getcategory(cat) 
    { 
     //var id = cat.value; 
     alert("hi" + cat); 
    } 
    </script> 

Answer 4

。これを試してみてください：

<li> 
    <a href="" onclick="getcategory('<?php echo $result22['category']; ?>');"> 
     <?php echo $result22['category']; ?> 
    </a> 
</li> 

Answer 5

<a href="" onclick="getcategory(this); return false;">hello</a> 
<script type="text/javascript"> 
    function getcategory(ele) { 
     var id = ele.innerHTML; 
     alert(id); 
    } 
</script> 

を