Question

i have a link that contain some data

eg

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

i want this link to pass this $result22['category']; value to the ajax function
am trying this

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

but its shows hi undefined in alert box

what am doing wrong ?
am not getting correct value of $result22['category']; in alert box

Answer 1

Since cat is an a element, it won’t have a value property. Use textContent or innerText (or innerHTML if there could be child elements):

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

It’s generally only form controls that have a value property (the input element for example).