JSFiddle - React, Tailwind, and code Playground
HTML
<div id="secondselect"></div>
<div id="results2"><div position_title="2" id="option-271" class="option radio">
<div class="fields" style="margin-top:1px;">
<div style="margin-bottom:10px;" sub_section="STANDARD PAPERS">
<span style="font-family:'Oswald', sans-serif; padding-right:10px;">STANDARD PAPERS</span>
<input style="display:none;" type="radio" name="option[271]" value="340" id="option-value-340">
<label class="spanradio" for="option-value-340">130# white smooth </label>
<input style="display:none;" type="radio" name="option[271]" value="340" id="option-value-340">
<label class="spanradio" for="option-value-340">130# cream smooth </label>
<input style="display:none;" type="radio" name="option[271]" value="340" id="option-value-340">
<label class="spanradio" for="option-value-340">100# white linen </label>
<input style="display:none;" type="radio" name="option[271]" value="340" id="option-value-340">
<label class="spanradio" for="option-value-340">100# cream linen </label>
</div>
<div style="margin-bottom:10px;" sub_section="LUXURY PAPERS">
<span style="font-family:'Oswald', sans-serif; padding-right:10px;">LUXURY PAPERS</span>
<input style="display:none;" type="radio" name="option[271]" value="344" id="option-value-344">
<label class="spanradio" for="option-value-344">111# cream...
CSS
.spanradio {border:1px solid black; padding:3px 40px; background:rgb(223, 223, 223); cursor:pointer; margin-right:5px;}
JavaScript
$(function (){
$('[position_title ^= 2] input:radio').click(function (){
$("#secondselect").html($(this).next('label[for="'+this.id+'"]').text());
});
});