data-fruit="orange" などのデータ属性の値を投稿する際に問題があります。基本的には jQuery ajax でそれを行いたいのですが、次のようになると思います。
var fruit = $(".fruit img").attr("data-skin");
$('.box').click(function() {
$.ajax({
url: 'fruits.php',
type: 'post',
data: fruit
});
});
PHP $_POST は次のようになります。
$friutType = $_POST['data-friut']
乾杯