How to add one row from two drop down to table and remove

ahmed salah

10y710

@{
Layout = null;
}
"viewport" content="width=device-width" />
Index
"~/Scripts/jquery-1.10.2.js">
Project : "myproject">
"1">one
"2">two
"3">three
"4">four
Employees : "myemployee">
"1">ahmed
"2">mohamed
"3">saiad
"4">adil

"tb">

ProjectNameEmployeeName

How to add one row from two drop down list to table and remove when select
I have two drop dow list
first for projects
second for employees
I need when select value from first drop down list(projects) then select value from second drop down list (employee)
add new row of selected value from both two drop down list to table as following
suppose i select
one adil
value selected removed from two drop dow list both and inserted in table
my code as following

How i do that by jquery

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manas Mohapatra10y ago
Accepted answer
Updated my previous answer. please check.
ahmed salah10y ago
OK it working
but if i added delete button to table
and i remove record by delete button by this code
$("#tb").on("click", ".c", function () {
//$(this).parent().parent().remove();
$(this).closest('tr').remove();
});
Now i need when i delete record from table by button delete
add again to drop down list
how i do that by code
Manas Mohapatra10y ago
There are two dropdowns with id's myproject, myemployee
On select of myemployee it will remove records from two dropdown and creates a new row. Find below code:
$("#myemployee").change(function(){
   //Append new row in table
   $("#tb]").append(""+$('#myproject').val()+""+$('#myemployee').val()+"");

   //Remove two options from dropdowns
   $("#myproject option[value='"+$('#myproject').val()+"']").remove();
   $("#myemployee option[value='"+$('#myproject').val()+"']").remove();
});
And if you want to add the option back then you need to fetch from table and append to dropdown.

$("#myemployee").append("");
$("#myproject").append("");