java - html加载条件值来选择标签

Question

我尝试根据用户对先前表单标签的选择将条件值加载到选择标签。它可能需要 java 或 php。我不擅长这两种语言中的任何一种。 逻辑解释如下。

<form>
  <input name="complaint" value="copyright" type="radio">copyright <br>
  <input name="complaint" value="trademark" type="radio">trademark <br>
  <input name="complaint" value="other_concern" type="radio"> other concerns
</form>


if complaint="copyright" then
<select>
  <option value="image">image</option>
  <option value="product">product</option>
</select>
elseif complaint="trademark" then
<select>
  <option value="item">item</option>
  <option value="image">image</option>
</select>
elseif complaint="other_concern"
<select>
  <option value="explain">explain</option>
</select>
end if

有什么解决办法吗？

Answer 1

这是 Jquery 中的解决方案。在输入中添加类名并默认隐藏选择选项

<input name="complaint" value="copyright" type="radio" class="complaint">

然后将唯一的 ID 标记以及我喜欢使用的 css 类添加到选择选项中，.addClass 和 .removeClass 比 .hide() 和 .show() 选择器稍快且更高效

在 css 表底部添加 css

.hidden{position:absolute;width:0;height:0;overflow:hidden;visibility:0;padding:0;margin:0}

<select id="copyright" class="selectOptions hidden">
  <option value="image">image</option>
  <option value="product">product</option>
</select>

最后添加一些 JQuery 您需要复制其余部分作为其他隐藏值

   $('.complaint').click(function() {
       $('.selectOptions').addClass('hidden');
       var checkComplaint = $(this).val();
        $('#' + checkComplaint).removeClass('hidden');
    });