根据选择值parent / sub显示/隐藏字段

时间:2016-01-29 09:53:38

标签: javascript jquery html css

所以,我想基于服务器显示一些PvP / PK内容。我不需要脚本的帮助 - 我有它。我需要帮助的是如何正确显示字段。如果选择了自定义,它会自动显示自定义 - PvP字段内容,但您可以选择PK字段内容。选择“无自定义”时,它会自动显示“无自定义 - PvP”字段内容,但您可以选择“选择PK字段内容”。我有一个简单的显示/隐藏字段内容,我发现(在这里,我想,当我在搜索时),但我不知道如何添加父/子(我需要的)。

我想要的例子:

Example of what I want

当前脚本:https://jsfiddle.net/Aiphira/f9q0qjdr/

$(document).ready(function() {
  $.viewMap = {
    'view1' : $('#view1'),
    'view2' : $('#view2')
  };

  $('#viewSelector').change(function() {
    // hide all
    $.each($.viewMap, function() { this.hide(); });
    // show current
    $.viewMap[$(this).val()].show();
  }).change();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="viewSelector">  
   <option value="view1">No Custom</option>
   <option value="view2">Custom</option>
</select>

<div id="view1">
asd
</div>
<div id="view2">
qwe
</div>

0 个答案:

没有答案