อยากทราบวิธีสร้าง class ที่รับค่าตัวแปรจากตระกูล text และ select

<?php
            require "dbConfig.php";
            $query = "SELECT * FROM accountcode ORDER BY acc_id";
            $result = mysqli_query( $db, $query );
            $acc = '';
            while( $row = mysqli_fetch_array( $result ) ) {
                $acc .= '<option value="'.$row["acc_id"].'">'.$row["acc_name"].'</option>';
            };
        ?>
        
<form id= "MyForm" method= "POST" action= "T1T1.php">
            
            <table id="MyTable">
                <tr>
                    <th>หมวดหมู่</th>
                    <th>รายการ</th>
                    <th>รายละเอียด</th>
                    <th>จำนวน</th>
                    <th>หน่วย</th>
                    <th>หมายเหตุ</th>
                    <th>แนบไฟล์รูป & Stock</th>
                    
                </tr>
                <tr id="master" hidden>
                    <td>
                        <select class = "accountcode"  >
                            <option value="">- กรุณาเลือก -</option>
                            <?php echo $acc ?>
                        </select>
                    </td>
                    <td>
                        <select class = "item" >
                            <option value="">- เลือก -</option>
                        </select>
                    </td>
                    <td>
                        <input type= "text" class= "txtDETAIL"  size= "40" maxlength= "100">
                    </td>
                    <td>
						<input type= "text" class= "txtAMOUNT"  size= "3"  maxlength= "6" >
					</td>
                    <td>
						<input type= "text" class= "txtUNIT"  size= "3"  maxlength= "6" >
					</td>
                    <td>
                        <input type= "text" class= "txtNOTE"  size= "25" maxlength= "60">
                    </td>
                    <td>
	  					<input type= "file" class= "filUpload" >
                        <input type= "file" class= "filUpload" >
					</td>
                </tr>
                
                <tr>
                    <td>
                        <select class = "accountcode" >
                            <option value="">- กรุณาเลือก -</option>
                            <?php echo $acc ?>
                        </select>
                    </td>
                    <td>
                        <select class = "item" >
                            <option value="">- เลือก -</option>
                        </select>
                    </td>
                    <td>
                        <input type= "text" class = "txtDETAIL" size= "40" maxlength= "100" >
                    </td>
                    <td>
						<input type= "text" class= "txtAMOUNT" size= "3"  maxlength= "6" >
					</td>
                    <td>
						<input type= "text" class= "txtUNIT" size= "3" maxlength= "6" >

					</td>
                    <td>
                        <input type= "text" class= "txtNOTE" size= "25" maxlength= "60">
                    </td>
                    <td>
	  					<input type= "file" class= "filUpload" >
                        <input type= "file" class= "filUpload" >
					</td>
              </tr>
                    
            </table>
            
            <p id="btnCtrl">
            	<button type="button" class="add">เพิ่มรายการ</button>
                <button type="button" class="remove">ลบรายการ</button>
                
            </p>
  			<p align="center">
				<input type="submit" id="btLogin" name="MM_insert" onClick="MM_popupMsg('Success'),Mail()" 		value="Submit">
				<input type=button onClick='window.history.back()' value='Cancel'>
  			</p>
            
</form>
       
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        
<script>
            
            $( function() {
                
                $("#btnCtrl>.add").click( function() {
                    
                    var tr = $("#master").closest("table").clone().find("[hidden]").removeAttr("id hidden");
                    tr.insertAfter( $("#MyTable tr:last") );
                    
                });
                
                $("#btnCtrl>.remove").click( function() {
                    
                    var tr = $("#MyTable tr");
                    if ( tr.length <= 3 ) {    //เมื่อกดลบรายการในช่อง row แรกที่มีข้อมูลอยู่ข้อมูลที่ค้างใน row แรกจะ reset
                        $("#MyTable select").prop( "selectedIndex", 0 );
                        $("#MyTable .txtDETAIL").val("");
						$("#MyTable .txtAMOUNT").val("");
						$("#MyTable .txtUNIT").val("");
						$("#MyTable .txtNOTE").val("");
                    } else {
                        tr.last().remove();
                    }
                    
                });
                
                $("#MyTable").on( "change", ".accountcode", function() { //ฟังก์ชันเปลี่ยนค่า รายการ ต่อเมื่อเปลี่่ยน หมวดหมู่
                    var ACCID = $(this).val();
                    var parent = $(this).closest("tr");
                    var $item = parent.find(".item");
                    $.ajax({
                        url: "SelectCon.php",
                        method: "POST",
                        data: { ACCID: ACCID },
                        dataType: "text",
                        success: function(data) {
                            $item.html( data );
                        }
                    });
                });
                
            });
            
</script>