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

Question

@{ 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 > ProjectName EmployeeName 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

Manas Mohapatra · Answer

Updated my previous answer. please check.

ahmed salah · Answer

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 Mohapatra · Answer

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( your value ); $(#myproject).append( your value );