可以使用JavaScript隐藏表单中的某些元素吗?

时间:2017-05-03 08:21:30

标签: javascript jquery

我想知道隐藏表格中的一些元素是可能的。例如,我有两个问题A和B. A有两个元素1,2和B有四个6,7,8,9。

是否可以使A如果选择1,B将显示6和7,如果选择2,B仅显示用户8和9?

请记住B的entires是从数据库中提取的,如下面的代码摘录所示。

<div class="form-group">
    {!! Form::Label('drive', 'Hard Drive/SSD Capacity') !!} 
    {!! Form::select('drive', ['' => 'Please select'] + $drives->toArray(), Input::old('drive'),['class' => 'form-control']) !!}
</div>

2 个答案:

答案 0 :(得分:0)

是。 Javascript / Jquery可以添加或删除隐藏或显示具有类属性的任何标记的类标记。

任何事件都在&#34; 1&#34;只需添加脚本即可添加/删除您想要显示或隐藏的内容。

答案 1 :(得分:0)

您可以使用jQuery来实现此功能。 您需要HTML元素的类,并使用它来显示/隐藏DOM中的数据。 这是HTML代码:

<button class="btn1">Hide</button>
<button class="btn2">Show</button>
<p>This is a paragraph.</p>

这是jQuery代码:

$(document).ready(function(){
$(".btn1").click(function(){
    $("p").hide();
});
$(".btn2").click(function(){
    $("p").show();
});
});