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下拉選擇

回答

相關問題