Unable to Disabled button , Input and Select control's on button click for html table

Unable to Disabled button , Input and Select control's on button click for html table

Dear All,

I had written the below code where I required to disable the input , select and button controls and change the background color on click the submit button.

But  I am finding no luck to move further.Can any one please let me what's going wrong in my below function.

  1. <head>
  2.     <style>
  3.         #customers {
  4.             font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  5.             border-collapse: collapse;
  6.             width: 100%;
  7.         }

  9.             #customers td, #customers th {
  10.                 border: 1px solid #ddd;
  11.                 padding: 8px;
  12.             }

  14.             #customers tr:nth-child(even) {
  15.                 background-color: #f2f2f2;
  16.             }

  18.             #customers tr:hover {
  19.                 background-color: #ddd;
  20.             }

  22.             #customers th {
  23.                 padding-top: 12px;
  24.                 padding-bottom: 12px;
  25.                 text-align: left;
  26.                 background-color: #4CAF50;
  27.                 color: white;
  28.             }
  29.     </style>
  30. </head>
  31. <body>

  33.     <table id="customers">
  34.         <tr>
  35.          <th>Edit</th>
  36.             <th>Company</th>
  37.             <th>Contact</th>
  38.             <th>Country</th>
  39.             <td>Participants</td>
  40.             <td>Gender</td>
  41.             <td>Submit </td>
  42.         </tr>

  44.         <tr>
  45.              <td><input type="button" value="Edit" class="use-address"  ></td>

  47.             <td>Alfreds Futterkiste</td>
  48.             <td>Maria Anders</td>
  49.             <td>Germany</td>
  50.             <td><input type="text" id="'+" txtparticipants"+'"></td>
  51.             <td><select>
  52.                                     <option value="select">select</option>

  54.   <option value="volvo">Volvo</option>
  55.   <option value="saab">Saab</option>
  56.   <option value="mercedes">Mercedes</option>
  57.   <option value="audi">Audi</option>
  58. </select></td>
  59.             <td><input type="button" value="Submit" class="use-address" onclick="submitvallues(this)"></td>

  61.         </tr>
  62.  
  63.     </table>
  64.     <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
  65.     <script type="text/javascript">
  66.      function submitvallues(button){
  67. var row=$(button).closest('tr'),
  68.    select=row.find("select"),
  69.     input=row.find("td:eq(4) input");
  70.  alert( select.val() + "  " + input.val() )
  71.       var data = $(row).children('td').eq(1).text();
  72.       alert(data);
  73.      row.disabled=true;
  74.      row.background-color: coral;
  75.  
  76.  return false  
  77. }
  78.     </script>
  79. </body>


Srk