JSFiddle - React, Tailwind, and code Playground
HTML
<h4>Write example 2 in any textarea, ie 'some text and example 2'</h4>
<br />
<div>my_ta_1</div>
<textarea id="my_ta_1"></textarea>
<div>my_ta_2</div>
<textarea id="my_ta_2"></textarea>
<div>my_ta_3</div>
<textarea id="my_ta_3"></textarea>
<br />
<select>
<option value=1>One</option>
<option value=2>Two</option>
</select>
JavaScript
$(function(){
$('[id^="my_ta_"]').on('keyup change', function(){
var txt = $(this).val();
if(txt.match(/Example 2/i)){
$(this).prop('disabled', 1);
}
else $(this).prop('disabled', 0);
});
// works on (re-enables) my_ta_2
$('select').on('change', function(){
var text1 = $(this).val();
$('#my_ta_2').val(text1).trigger('change');
});
});