php - 从 PHP JSON 对象中提取值到 jQuery

Question

我在 PHP 中动态生成一个值列表，我已使用 json_encode 将其转换为 json，如下所示:

<?php $posts = get_post_meta(get_the_id(), 'size_repeatable', false);
    $specials = array();
    foreach ( $posts as $post ) {
        $size_available = $post['size_available'];
        if(intval(get_the_title($size_available)) > 1) { $add_sq_ft = " sq ft room"; } else { $add_sq_ft = ""; }
        $size_special_offer = $post['size_special_offer'];
        $specials[] = array(get_the_title($size_available) . $add_sq_ft => $post['size_special_offer']);
    }
    $specials_simplified = array_reduce($specials, 'array_merge', array());
    $specials_json = json_encode($specials_simplified);
?>

生成此 JSON:

{"15 sq ft room":"10% off your first month","25 sq ft room":"15% off your first 1 month","35 sq ft room":"20% off your first 1 month","50 sq ft room":"25% off your first 1 month","75 sq ft room":"50% off your first 2 month","100 sq ft room":"50% off your first 2 month","125 sq ft room":"50% off your first 2 month","150 sq ft room":"50% off your first 2 months","200 sq ft room":"50% off your first 2 month"}

然后我有一个标准的 HTML 选择字段，其中有 15 平方英尺的房间、25 平方英尺的房间、35 平方英尺的房间、50 平方英尺的房间、75 平方英尺的房间等作为 optional (您只能选择一个选项一次)。

然后我有一个 .change jQuery 函数，当它发生变化时应该引用上面的 JSON 值，例如:

<script type="text/javascript">
    jQuery(document).ready(function( $ ) {
        $('#input_2_11').change(function(event) {
            var current_selection = $('#input_2_11' + ' option:selected').html();
            var size_json = <?php echo $specials_json; ?>;
            $('#dynamic_offer').html(size_json);
        });
    });
</script>

基本上我需要将 #input_2_11 标签与 JSON 对象进行比较，以显示正确的值(特价商品)。

例如，如果用户选择了“15 平方英尺的房间”，那么它将在 #dynamic_offer div 中显示“第一个月优惠 10%”。

但这是我真正挣扎的地方 - 首先尝试比较变量“current_selection”和“size_json”，然后显示与该尺寸相关的正确特价商品。

Answer 1

也许你可以试试这个:

<script type="text/javascript">
jQuery(document).ready(function( $ ) {
    $('#input_2_11').change(function(event) {
        var current_selection = $('#input_2_11' + ' option:selected').html();
        var size_json = <?php echo $specials_json; ?>[current_selection];
        $('#dynamic_offer').html(size_json);
    });
});