javascript - Onchange 下拉选择

Question

各位编码员，

我有 2 个下拉菜单，其中第一个包含公司列表。另一个包含任务列表。我现在需要做的是获取与company_name(项目ID)链接的相应任务。

简而言之。如果我打开下拉菜单并选择一家公司(project_ID)。我需要链接到该项目的任务 (subproject_ID)。

此外，如果选择了一家特定公司，那么第二个下拉列表也应该具有相应的任务，但必须在将我的数据添加到名为 note 的数据库的行中添加一个新字段。

如果有人知道我该怎么做。我们将不胜感激。我还在其他问题中链接了一些表格打印以供引用。

Inner Join laravel 5.2

Answer 1

根据您之前的问题，这可以解决问题

<select name="project_id">
    <option value="{{ $data->project_id }}">{{ $data->company_name }}</option>
</select>

<select name="subproject">
    <option value="{{ $data->subproject_id }}" data-project="{{ $data->project_id }}">{{ $data->title }}</option>
</select>

<textarea name="note" style="display: none" disabled></textarea>

<script>
$("select[name='project_id']").on('change', function()
{
    var project_id = $(this).value;
    $("select[name='subproject'] > option[data-project != "+ project_id +"]").hide();

    if(project_id == 1)
    {
        var note = $("textarea[name='note']"); 
        note.show();
        note.prop("disabled", false); 
    }
})
</script>

您有两个下拉菜单。第二个下拉列表的选项包含另一个数据属性，该数据属性将指定项目 ID，并基于此您可以隐藏/显示所需的选项值。理想的解决方案是使用 AJAX 并获取适当的值，但这也应该有效。

您只需绑定(bind)到第一个下拉列表中的 onchange 事件，并执行一些逻辑(基于项目 ID)来隐藏第二个下拉列表中不需要的选项值。

要添加注释字段，您可以执行相同的操作。如果 project_id 与您需要的公司匹配，您可以启用所需的文本区域。

我希望这能解答您的问题。