jquery和php，加載圖像並使用每個圖像的src

Question

我有一個頁面，顯示一組圖像與每個圖像的src，但我需要使用圖像的src值。 的圖像加載正確，但是當我嘗試加載到輸入文本的選擇圖像的src值，它不工作：

$("#recurs").click(function(){ 
    $("input[name=''valReturn]").val($("rec").val()); 
}); 

PHP代碼：

$recu= $objRecur->show_rec_project($aux["IdProject"]); 
    if(!empty($recu)){ 
     while($row = mysql_fetch_array($recu)){ 
      echo'<img src="'.$row["srcrecursos"].'" id="recurs"/><br />'; 
     } 
    }else{ 
     echo 'No items found'; 
    } 

和需要加載輸入src值：

<input type="text" id="valReturn" name="valReturn" width="25px"/> <br/> 

php代碼可以工作，但是可以將值加載到valReturn值中。 謝謝。

Answer 1

試試這個：

$("#recurs").click(function(){ 
    $("input[name=valReturn]").val($(this).attr('src')); 
}); 

或

$("#recurs").bind("click", function(){ 
    $("input[name=valReturn]").val($(this).attr('src')); 
}); 

在val使用$(this)代替$("#recurs")

修訂

$(".recurs").click(function(){ 
    $("input[name=valReturn]").val($(this).attr('src')); 
}); 

或

$(".recurs").bind("click", function(){ 
    $("input[name=valReturn]").val($(this).attr('src')); 
}); 

<img src="'.$row["srcrecursos"].'" class="recurs"/> 

Answer 2

你應該這樣做：

$("#recurs").click(function(){ 
    $("input[name=valReturn]").val($("#recurs").attr('src')); 
}); 

Answer 3

您需要：

<script type="text/javascript"> 
    $(function() { 
     $("#recurs").click(function(){ 
      $("input[name='valReturn']").val($(this).attr('src')); 
     } 
    }); 
</script>