jQuery獲取形式DIV的數據到PHP $ _POST

Question

我有這個工作的JQuery，可以讓用戶選擇一種顏色並更改圖像+他/她選擇的顏色的名稱。 我想要的是獲取顏色名稱的值到PHP $_POST 。 我使用數據標題可以更改顏色的名稱。

這是我要獲取的div，這是更改名稱的占位符。

<div id="caption">Alumina Jade Metallic</div>

這是其余的html代碼。

                    <span data-src="car-color/car_AJM.jpg" data-caption="Alumina Jade Metallic"><a href="#?" class = "label" ><img src="../../thumb/th-Alumina-Jade.png">  </a></span>
                    <span  data-src="car-color/car_B.jpg" data-caption="Black Metallic"><a href="#?" class = "label"><img src="../../thumb/th-Black.png"> </a></span>
                    <span  data-src="car-color/car_BRM.jpg" data-caption="Blackish Red Metallic"><a href="#?" class = "label"><img src="../../thumb/th-Black-Red.png"> </a></span>
                    <span  data-src="car-color/car_BMM.jpg" data-caption="Blue Metallic"><a href="#?"class = "label" ><img src="../../thumb/th-Blue-Metal.png"></a></span>
                    <span  data-src="car-color/car_FW.jpg" data-caption="Freedom White"><a href="#?" class = "label"><img src="../../thumb/th-Freedom-White.png"> </a></span>
                    <span  data-src="car-color/car_OM.jpg" data-caption="Orange Metallic"><a href="#?" class = "label"><img src="../../thumb/th-Orange-Metal.png"> </a></span>
                    <span  data-src="car-color/car_RMM.jpg" data-caption="Red Metallic"><a href="#?"class = "label" ><img src="../../thumb/th-Red-Metal.png">  </a></span>
                    <span  data-src="car-color/car_SM.jpg" data-caption="Silver Metallic"><a href="#?" class = "label"><img src="../../thumb/th-Silver-Metal.png">  </a></span>
                    <span  data-src="car-color/car_WP.jpg" data-caption="White Pearl"><a href="#?"class = "label" ><img src="../../thumb/th-White-Pearl.png"> </a></span>

這是我的工作jQuery：

$('.thumb span').each(function(){
  var _this = $(this);
  var src = _this.data("src");
  var text = _this.data("caption");
  _this.find('a').click(function(){
     $("#image").show( function() {
    $(".img img").attr("src", src);
    $("#caption").text(text);
     });
 });
});

更新這是我的ajax代碼，將其傳遞給我的request.php

$('.car-quote #getQuote').on('click', function(e){
            e.preventDefault();
            var variantOpt = $('#variantOpt').val();
            var fName = $('#fName').val();
            var lName = $('#lName').val();
            var address = $('#address').val();
            var doBirth = $('#doBirth').val();
            var city = $('#city').val();
            var zipCode = $('#zipCode').val();
            var email = $('#email').val();
            var phone = $('#phone').val();
            var remarks = $('#remarks').val();
            var form = new Array({ 'variantOpt':variantOpt, 'fName':fName, 'lName':lName, 'address':address, 'doBirth':doBirth, 'city':city, 'zipCode':zipCode,
                                 'email':email, 'phone':phone, 'remarks':remarks });

            $.ajax({
                type: 'POST',
                url: "/093017/inquiry/mailInqueries/requestaquote.php",
                data: ({'action': 'car-quote', 'form': form})
            }).done(function(data) {
                $('#car-quote .result').html(data);

            $(".car-quote")[0].reset();
            });

這是在我的request.php傳遞表單時的樣子

$action = $_POST['action'];

    $variantOpt = $_POST['form'][0]['variantOpt'];
    $fName = $_POST['form'][0]['fName'];
    $lName = $_POST['form'][0]['lName'];
    $address = $_POST['form'][0]['address'];
    $doBirth = $_POST['form'][0]['doBirth'];
    $city = $_POST['form'][0]['city'];
    $zipCode = $_POST['form'][0]['zipCode'];
    $email = $_POST['form'][0]['email'];
    $phone = $_POST['form'][0]['phone'];
    $remarks = $_POST['form'][0]['remarks'];

Answer 1

使用html提取div的內容

var color = $('#caption').html();