JSFiddle - React, Tailwind, and code Playground
HTML
Editable areas<br/><br/>
Price: <input type="text" class="selector" dest="price"/><br/>
Status:
<select class="selector" dest="mrk_status" id="market_status">
<option value="0">Available</option>
<option value="1">Upcoming</option>
<option value="2">Out of Market</option>
</select><br/><br/>
Results<br/><br/>
Price: <span class="selector_price"></span><br/>
Status: <span class="selector_mrk_status"></span>
JavaScript
$(".selector").live({
'paste keyup input' : function () {
var val = $(this).val();
var dest_class = $(this).attr('class') + '_' + $(this).attr('dest');
$('.' + dest_class).html(val);
},
'change' : function () {
var id = $(this).attr('id') + " option:selected";
var val = $("#" + id).text();
var dest_class = $(this).attr('class') + '_' + $(this).attr('dest');
$('.' + dest_class).html(val);
}
});