Laravel Nova-基于父选择字段显示/隐藏表单字段

Question

我需要基于父“选择”字段显示/隐藏表单字段。

例如，我需要在选择笔时显示“笔名”文本字段，并在选择铅笔时显示“铅笔名”文本字段。

有什么想法吗？

Answer 1

在您的笔输入名称和铅笔输入名称上输入ID /类别，并在类型输入字段中输入。 例如类型=类型类|笔=笔类|铅笔=我们分配的铅笔类。我们选择在值上定义的笔和铅笔，您可以覆盖选择的值。

尝试一下：

在您的输入字段上

<input type"text" name="pen" value="" style="display:none">
<input type"text" name="pencil" value="" style="display:none">

$(document).ready(function(){
  $('.type').on('change',function(){
    if($(this).val()=='pen'){
       $('.pen').show();
       $('.pencil').hide();
    }else if($(this).val()=='pencil'){
       $('.pencil').show();
       $('.pen').hide();
    }
 });

}）;

NB 别忘了在调用此jquery之前先导入jquery.js

希望这对您有帮助

Answer 2

为此功能提供了一个Nova软件包：

https://novapackages.com/packages/epartment/nova-dependency-container