Unable to get the value of input and select control values

Unable to get the value of input and select control values

Dear All,

I had written the below code where I am able to fetch the values of table row expect input control and drop-down-control .Can any one please help me what's wring in my below code.

  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>Company</th>
  36.             <th>Contact</th>
  37.             <th>Country</th>
  38.             <td>Participants</td>
  39.             <td>Gender</td>
  40.             <td>Submit </td>
  41.         </tr>

  43.         <tr>
  44.             <td>Alfreds Futterkiste</td>
  45.             <td>Maria Anders</td>
  46.             <td>Germany</td>
  47.             <td><input type="text" id="'+" txtparticipants"+'"></td>
  48.             <td><select>
  49.   <option value="volvo">Volvo</option>
  50.   <option value="saab">Saab</option>
  51.   <option value="mercedes">Mercedes</option>
  52.   <option value="audi">Audi</option>
  53. </select></td>
  54.             <td><input type="button" value="Submit" class="use-address" onclick="submitvallues(this)"></td>
  55.             
  56.         </tr>

  58.         <tr>
  59.             <td>Berglunds snabbköp</td>
  60.             <td>Christina Berglund</td>
  61.             <td>Sweden</td>
  62.             <td><input type="text" id="'+" txtparticipants"+'"></td>
  63.                          <td><select>
  64.   <option value="volvo">Volvo</option>
  65.   <option value="saab">Saab</option>
  66.   <option value="mercedes">Mercedes</option>
  67.   <option value="audi">Audi</option>
  68. </select></td>

  70.             <td><input type="button" value="Submit" class="use-address" onclick="submitvallues(this)"></td>
  71.         </tr>

  73.         <tr>
  74.             <td>Centro comercial Moctezuma</td>
  75.             <td>Francisco Chang</td>
  76.             <td>Mexico</td>
  77.             <td><input type="text" id="'+" txtparticipants"+'"></td>
  78.                       <td><select>
  79.   <option value="volvo">Volvo</option>
  80.   <option value="saab">Saab</option>
  81.   <option value="mercedes">Mercedes</option>
  82.   <option value="audi">Audi</option>
  83. </select></td>

  85.             <td><input type="button" value="Submit" class="use-address" onclick="submitvallues(this)"></td>
  86.         </tr>

  88.         <tr>
  89.             <td>Ernst Handel</td>
  90.             <td>Roland Mendel</td>
  91.             <td>Austria</td>
  92.             <td><input type="text" id="'+" txtparticipants"+'"></td>
  93.                        <td><select>
  94.   <option value="volvo">Volvo</option>
  95.   <option value="saab">Saab</option>
  96.   <option value="mercedes">Mercedes</option>
  97.   <option value="audi">Audi</option>
  98. </select></td>

  100.             <td><input type="button" value="Submit" class="use-address" onclick="submitvallues(this)"></td>
  101.         </tr>

  103.         <tr>
  104.             <td>Island Trading</td>
  105.             <td>Helen Bennett</td>
  106.             <td>UK</td>
  107.             <td><input type="text" id="'+" txtparticipants"+'"></td>
  108.                          <td><select>
  109.   <option value="volvo">Volvo</option>
  110.   <option value="saab">Saab</option>
  111.   <option value="mercedes">Mercedes</option>
  112.   <option value="audi">Audi</option>
  113. </select></td>

  115.             <td><input type="button" value="Submit" class="use-address" onclick="submitvallues(this)"></td>
  116.         </tr>

  118.  

  120.        
  121.          
  122.     </table>
  123.     <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
  124.     <script type="text/javascript">
  125.         function submitvallues(ele) {
  126.             var row = $(ele).parent().parent();
  127.             var celllen = $(row).children('td').length;
  128.             for (var i = 0; i < celllen - 1; i++) {
  129.                 var data = $(row).children('td').eq(i).text();
  130.                 alert(data);
  131.                     alert($(this).parent().prev().children().find(":selected").text());

  133.             }
  134.         }
  135.     </script>
  136. </body>

Srk