$(document).ready(function() {
$('#pricingEngine').change(function() {
var query = $("#pricingEngine").serialize();
$('#price').fadeOut(500).addClass('ajax-loading');
$.ajax({
type: "POST",
url: "index.php/welcome/PricingEngine",
data: query,
dataType: 'json',
success: function(data)
{
$('#price').removeClass('ajax-loading').html('$' + data.F_PRICE).fadeIn(500);
$('#sku').attr('value') = (data.businesscards_id);
}
});
return false;
});
});
非表示のフォーム フィールドの値として #sku を設定する必要があります (上記の jQuery コードで正しく行っているかどうかはわかりません。
<input type="hidden" name="sku" id="sku" value="*/PUT VAR VALUE HERE/*" />
F_PRICE
また、をに渡す必要があり#price div
ます。
Chrome のコンソールには、JSON 応答が次のように表示されます。
[
{
"businesscards_id":"12",
"X_SIZE":"1.75x3",
"X_PAPER":"14ptGlossCoatedCoverwithUV(C2S)",
"X_COLOR":"1002",
"X_QTY":"250",
"O_RC":"NO",
"F_PRICE":"12490",
"UPS_GROUND":"12000",
"UPS_TWODAY":"24000",
"UPS_OVERNIGHT":"36000"
}
]
それでも、価格ボックスに「未定義」しか表示されません。ここでの理由は何ですか?