Onchange下拉选择

同行编码，Onchange下拉选择

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

因此，在短期。如果我打开下拉菜单并选择一个公司（project_ID）。我需要链接到该项目的任务（subproject_ID）。

而且，如果一个特定的公司已被选定，则第二个下拉也应该有相应的任务，但一个新的领域有，增加了我的数据到数据库中名为note行中添加。

如果任何人有某种想法的，我怎么能做到这一点。这将不胜感激。我还将其他问题中的一些表格打印出来以供参考。

Inner Join laravel 5.2

来源

2017-05-03 Kayelder

你能发布什么样的代码你确实有现在？ – Ian

您几乎将ajax调用绑定到onchange事件的下拉列表中。然后遍历您收到的内容并用其替换第二个下拉内容。 – Webbanditten

所以基本上，当onchange函数被触发时使用ajax。并使用该Ajax调用来编辑第二个下拉列表中的值？ – Kayelder

根据你前面的问题，这可能做的伎俩

<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并获取适当的值，但此也应该工作。

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

要添加注释字段，你可以这样做。如果project_id与您需要的公司匹配，则可以启用所需的textarea。

我希望这能回答你的问题。

来源

2017-05-03 12:01:24 Mozammil

Onchange下拉选择

回答

相关问题