Question

我正在创建一个div，我可以根据选择值填充不同的内容。当我选择一个选项时，它会加载。我不知道该怎么做是在首次加载页面时加载第一个选项。我也遇到了一个问题，我的标题中调用的jQuery脚本在加载时不适用于ajax内容。我希望通过在页面加载时加载第一个实例来解决问题。

这是我的代码：

<select class="post-link">
<option value="http://example.com">Option 1</option>
<option value="http://example.com">Option 2</option>
<option value="http://example.com">Option 3</option>
</select>

// This is where the content will be loaded
<div id="single-post-container"></div>

jQuery(document).ready(function($){ 
    $.ajaxSetup({cache:false});
    $(".post-link").change(function(){
        var post_link = $(this).val();

        $("#single-post-container").html("content loading");
        $("#single-post-container").load(post_link);
    return false;
    });
});

任何方向都将不胜感激！

Answer 1

jQuery(document).ready(function($){ 
    $.ajaxSetup({cache:false});
    $(".post-link").change(function(){
        var post_link = $(this).val();

        $("#single-post-container").html("content loading");
        $("#single-post-container").load(post_link);
    return false;
    });

    # selects first element
    $(".post-link")[0].selectedIndex = 0;

    # triggers change handler
    $(".post-link").trigger('change');
});

在页面加载时使用ajax加载第一个选择选项值

1 个答案: