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

13 views

Skip to first unread message

Abeer Shlby

unread,

Jul 21, 2016, 10:41:58 AM7/21/16

to jQuery-File-Upload

I have two drop down 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

and when make remove from table added to drop down list

my code as following





@{
    Layout = null;
}


<!DOCTYPE html>


<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script>
       
    </script>
</head>
<body>
    <div> 
        Project : <select id="myproject">
            <option value="1">one</option>
            <option value="2">two</option>
            <option value="3">three</option>
            <option value="4">four</option>
        </select><br />
        Employees : <select id="myemployee">
            <option value="1">ahmed</option>
            <option value="2">mohamed</option>
            <option value="3">saiad</option>
            <option value="4">adil</option>
        </select>
    </div>
    <table id="tb">
        <tr><td>ProjectName</td><td>EmployeeName</td></tr>
    </table>
</body>
</html>