Get select option value of a table cell

Question

I have a table with a select option type in a cell. I want to use checkbox such that when it is checked, the cells in this row are shown. I can show the other values in the row but I don't know how to get the select option value.

$(document).ready(function() {
  $("#saverecord").click(function(event) {
    var currentRow = $(".btnSelect:checked").closest("tr");
    var col1 = currentRow.find("td:eq(0)").text();
    var col2 = currentRow.find("td:eq(1)").text();
    var col3 = currentRow.find("td:eq(2)").text();
    var data = col1 + "\n" + col2 + "\n" + col3;
    console.log(data);
    alert(data);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table name="mytable" id="mytable">
  <tr>
    <th>year</th>
    <th>item</th>
    <th>type</th>
    <th>checked</th>
  </tr>
  <tr>
    <td>2020</td>
    <td>shoe</td>
    <td>
      <select name="test1" id="test1">
        <option value="A">A</option>
        <option value="B">B</option>
        <option value="C">C</option>
      </select>
    </td>
    <td><input type="checkbox" class="btnSelect" id="chk" name="chk" /></td>
  </tr>
</table>
<input type="button" value="Save the record" id="saverecord" class="button0">

Does this answer your question? [jQuery Get Selected Option From Dropdown](https://stackoverflow.com/questions/10659097/jquery-get-selected-option-from-dropdown) — freedomn-m, Jun 07 '20 at 12:39
https://stackoverflow.com/search?q=%5Bjquery%5D+get+select+option+value — freedomn-m, Jun 07 '20 at 12:40

score 0 · Answer 1 · answered Jun 07 '20 at 12:26

0

im assuming you are using jQuery, to get the value of your select field:

$("#test1").val()

answered Jun 07 '20 at 12:26

Karl L

1,645
1
7
11

Get select option value of a table cell

1 Answers1