我如何發送一個值onclick在JavaScript中的圖像，以獲得一個文本字段的值

Question

我想從database得到一個值，與此imageonclick相關。 但這個功能不起作用，我不能在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到title和onclick="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文件中，您必須運行一個從數據庫表中獲取結果的查詢。

感謝