シミュレート結果');
// 地域選択時
$area.on('change', function() {
var areaVal = $area.val();
// デート内容をリセットし、結果を「シミュレート結果」に戻す
$plan.val('');
$result.html('
シミュレート結果');
// 地域が選択されたらデート内容を有効化、未選択なら無効化
if(areaVal) {
$plan.prop('disabled', false);
} else {
$plan.prop('disabled', true);
}
});
// デート内容選択時に自動で結果表示
$plan.on('change', function() {
var areaVal = $area.val();
var planVal = $plan.val();
$result.empty(); // いったんクリア
// バリデーション
if(!areaVal) {
$result.html('
地域を選択してください。');
return;
}
if(!planVal) {
$result.html('
デート内容を選択してください。');
return;
}
// 相場取得
var priceInfo = dspPriceData[areaVal] && dspPriceData[areaVal][planVal]
? dspPriceData[areaVal][planVal]
: null;
if(priceInfo) {
// 例: "3,000-8,000円" → "3,000円~8,000円"
// まず "-" を "~" に
priceInfo = priceInfo.replace('-', '~');
// もし末尾が "円" で、"~" を含む場合だけ "3,000円~8,000円" に変換
var yenPattern = /^([^~]+)~([^~]+)円$/;
if(yenPattern.test(priceInfo)) {
// $1円~$2円 に
priceInfo = priceInfo.replace(yenPattern, '$1円~$2円');
}
// 表示:名古屋の「大人の関係(都度)」相場
○○
// 金額部分は太字&色変更
$result.html(
'
' +
'' + areaVal + 'の「' + planVal + '」相場
' +
'' + priceInfo + '' +
''
);
} else {
$result.html('データがありません。');
}
});
});
/* ]]> */