フォーム内の一部の要素を非表示にするためにJavaScriptを使用できますか？

Question

フォーム内のいくつかの要素を隠しているのだろうかと疑問に思っていました。例えばAとBの2つの質問があります。Aには2つの要素1,2があり、Bには4つの6,7,8,9があります。

Aで1を選択するとBに6が表示され、7が表示され、2を選択するとBにはユーザー8と9のみが表示されますか？

Bのエンティティは、コードの抜粋で以下に示すようにデータベースから取得されます。

<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> 

Answer 1

jQueryを使用してこの機能を実装できます。 DOMのデータを表示/非表示にするには、HTML要素のクラスが必要です。ここ は、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(); 
}); 
}); 

Answer 2

はい。 Javascript/Jqueryは、クラス属性を持つタグを非表示または表示するクラスタグを追加または削除できます。

「1」で実行されるイベントは、表示または非表示にするスクリプトを追加または削除するだけです。