链接metabox选项

Question

是否有可能构建一个具有多个链接选项的metabox？

假设我有3种选择可供选择，有几种选择：

选择1: A1、A2、A3、A4

选择2: B1、B2、B3、B4、B5

选择3: C1、C2、C3

现在，当我选择A1选项时，其他两个选项中唯一可用的选项是B2、B4、B5和C1。以此类推，为各种选择。

问题是，我可以很容易地创建这些选项，然后只需在描述中说明什么选项可以与其他选项相匹配。假设您选择了A1和B1，但是B1不能工作，所以您不应该选择它，我可以把它写下来，但是我认为这并不是那么方便用户，而且人们有时会懒得阅读，所以限制这些选项就更容易了。

能办到吗？又是如何做到的？使用switch或if-else-if语句操纵或在PHP中操作？

Answer 1

您需要链式选择，下面是一个简单的示例

​

$("#main").change(function(){
    $('.chain').fadeOut('slow');
    switch( $(this).val() ){
        case 'tutorials':
            $('#tutorials').fadeIn('fast');
            break;
        case 'articles':
            $('#articles').fadeIn('fast');
            break;
    }
});

body {
    padding:30px;
    background-color: #D4DE8C;
}
select {
    float:left;
    clear:both;
    margin: 5px;
}
.chain {
    display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="main">
    <option value="blog">Blog</option>
    <option value="tutorials">Tutorials</option>
    <option value="articles">Articles</option>
</select>
<select id="tutorials" class="chain">
    <option value="jquery">JavaScript » jQuery</option>
    <option value="codeigniter">PHP » CodeIgniter</option>
    <option value="wordpress">PHP » WordPress</option>
    <option value="xhtml-css">XHTML/CSS</option>
</select>
<select id="articles" class="chain">
    <option value="security">Articles » Security</option>
    <option value="design">Articles » Design</option>
</select>

​

这是一个example using Ajax。