jquery将表单DIV的数据获取到PHP $ _POST

时间:2017-10-25 07:51:18

标签: javascript php jquery html css

我有这个工作JQuery,让用户选择一种颜色,并更改图像+他/她选择的颜色的名称。我想要的是将颜色名称的值设为MySharedPreferences yourPrefrence =MySharedPreferences.with(getActivity());yourPrefrence.saveUserId("str_userId_key",et_title.getText().toString().trim()); String value = yourPrefrence.getUserId("str_userId_key"); 。我使用数据标题来更改颜色的名称。

这是我想要的div,这是更改名称的占位符。

PHP $_POST

这是html代码的其余部分。

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

这是我工作的jQuery:

                    <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>

更新 这是我的ajax代码,将其传递给我的$('.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); }); }); });

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

1 个答案:

答案 0 :(得分:2)

使用html

获取div的内容
var color = $('#caption').html();