将AJAX用于动态设置页面

时间:2014-12-28 作者:t777

我有一个设置页面,如。。。

add_options_page ( \'XXX\', \'XXX\', \'manage_options\', \'xxx_plugin\', \'xxx_options_page\' );

function xxx_options_page() { ?>
<div class="wrap">
    <h2><?php _e(\'XXX Settings\', \'xxx\'); ?> </h2>

    <form action="options.php" method="post">
        <?php settings_fields(\'xxx_plugin_options\'); ?>
        <?php $options = get_option(\'xxx_options\'); ?>
        <?php $t = xxx_get...; ?>
        <table class="form-table">

        <select name=\'xxx_options[foobar]\'>
            <?php foreach($t as $key => $value) { ?>
                <option value=\'<?php echo $key ?>\' <?php selected($key, $options[\'xxx\']); ?>><?php echo $value ?></option>
            <?php } ?>  
        </select>        
        // ... more elements, submit-button, ...       
  </form>
<?php } ?>
我需要添加另一个select元素,这些值取决于第一个select元素的选择。

例如:第一个选择元素:选择国家->第二个选择元素:选择所选国家的州->第三个选择元素:选择所选国家的城市。

我认为,没有Ajax我无法做到这一点,但我没有找到一些匹配的示例或教程来说明如何使用WP和Ajax做到这一点。有什么想法吗?有什么例子吗?TIA!

1 个回复
最合适的回答,由SO网友:t777 整理而成

我找到了一个没有ajax的解决方案。我只是将所有数据放在一个json文件中,并使用jquery客户端解决方案,如下所述:http://css-tricks.com/dynamic-dropdowns/ .

结束

相关推荐

Options for an SEO gallery?

我目前使用的是我喜欢的标准Wordpress图库,因为我的很多访问者在搜索了一些包含在图像描述中的文本后,通过谷歌找到了我。很明显,它以这样一种方式呈现了图库,文本被视为非常突出,我的许多访问者都通过图库进入。问题是gallery只支持纵向,而我还需要一些东西来显示横向中的图像(以避免边缘裁剪)。我发现一些允许两种方向的画廊很难将图像放在屏幕上,使它们看起来很好。我喜欢的最好的例子是Flickr,其中图像以俄罗斯方块的形式显示,但显然不允许在其下方发表评论。我完全有能力在wordpress插件中寻找一个好