php - 如何在 javascript 中单击图像上的值发送值以将值输入到文本字段中

Question

我想从database对应的这个值中得到一个值image onclick。但是这个函数不起作用我不能在 img 标签中定义值那么我怎么能把这个值发送到我的函数。

请帮忙。

<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);"/>

只需将属性更改value为titleandonclick="choose(this.title)"

Answer 2

尝试这个：

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

Answer 3

您必须创建一个 ajax 函数才能像这样从数据库中获取值

 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");
         }


   });
}

使用 ajax 函数，您可以从 getDataValue.php 文件中的表中获取数据。在 getDataValue.php 文件中，您必须运行从数据库表中获取结果的查询。

谢谢