我如何发送值onclick在javascript中的图像上以获取值到文本字段

Question

i want to get a value from database coresponding to this image onclick . but this function is not working i can't define value in img tag then how can i send this value to my function.

please help.

<script type="text/javascript">
    function choose(x)
    {
    document.getElementById('color').value=x;
    }
</script>
<img src="admin/upload/<?php echo $data['image'];?>" value="<?php echo $data['color'];?>"
width="25" height="25" onclick="choose(this.value);"/>

Answer 1

<script type="text/javascript">
function choose(x)
{
document.getElementById('color').value=x;
}
</script>
<img src="admin/upload/<?php echo $data['image'];?>" title="<?php echo $data['color'];?>" width="25" height="25" onclick="choose(this.title);"/>

Just change the attribute value to title and onclick="choose(this.title)"

Answer 2

Try this:

<img src="admin/upload/<?php echo $data['image'];?>"
width="25" height="25" onclick="choose('<?php echo $data['color'];?>');"/>

Answer 3

You must create a ajax function to get a value from database like this

 function choose(x)
 {
    $.ajax({
         'type': 'get',
         'url': 'getDataValue.php',
         'data': 'color='+x,

         success: function(data){
            document.getElementById('color').value=data;
         },
         error: function(data){
             alert("Ajax error occured");
         }


   });
}

Using ajax function you may fetch data from a table in getDataValue.php file. In getDataValue.php file you must run a query that get result from database table.

Thanks