JSFiddle - React, Tailwind, and code Playground

by dvanauken

HTML

<div>
  <button class="btnEdit">Edit</button>
  <select class="cboChoices">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
  </select>
</div>
<div>
  <select class="cboChoices">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
  </select>
  <button class="btnEdit">Edit</button>
</div>
<div>
  <select class="cboChoices">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
  </select>
  <button class="btnEdit">Edit</button>
</div>

JavaScript

$(".btnEdit").on("click", function(e){
  try{
 	 	//var object = $(this).closest("select.cboChoices");
    //var value =  $(this).closest("select.cboChoices option:selected").val();
  	//alert(value);
     //var value = $(this).prev().val();
     var value = $(this).parent().find("select.cboChoices").first().val();
     alert(value);
  }
  catch(exception){
  	alert(exception.message);
  }
});