Question

每当用户在“select html tag”中更改其选择时，我都需要更新帖子图片。

我正在尝试使用jQuery和php来做到这一点。

我需要获取用户选择的选项的ID。

比我想用这个id获取图片网址（使用wordpress功能）。

最后，我想在图片标记中添加此“url”。

这是我的代码：

<script type="text/javascript">
    $(function(){
        $('#select2').select2();

        $('#select2').on('change', function() {
            var country = $('#select2 option:selected').val();
            <?php
            $the_id = 'I NEED HERE ID BY SELCETING IN DROPDPWN';
            $url=wp_get_attachment_url(get_post_thumbnail_id($the_id));
            ?>
            $(".countryvalue").html('<img width="80px" src="<?php echo $url; ?>" />');
        });

    });
</script>

<div class="countryvalue" ></div>

<select id="select2" name="marv_the_author">
      <option value="0">--Select author--</option>
      <option value="100">test</option>
      <option value="101">eeeee</option>
</select>

Answer 1

你应该使用ajax。更改您的jquery函数以发送ajax调用，并创建一个php页面来处理该调用并发回适当的URL。

你的jquery函数（注意这个页面上没有php脚本，你可以把它留作一个简单的HTML页面）：

$(document).ready(function(){
    $('#select2').on('change', function() {
        var country = $('#select2 option:selected').val();
        $.ajax({url: "getImageUrl.php?id=" + country,
                success: function(result){
                    $(".countryvalue").html('<img width="80px" src="' + result + '" />');              
        }});
    });
});

像这样创建不同的php页面：

<?php
    $id = $_REQUEST["id"];
    $url=wp_get_attachment_url(get_post_thumbnail_id($id));
    echo $url;

使用PHP和jQuery

1 个答案: