JSFiddle - React, Tailwind, and code Playground

HTML

<div>simple ddl 2: <span title="Disabled item 3">
        <select class="ddl2" disabled="">
	<option value="1">Disabled item 1</option>
	<option value="2">Disabled item 2</option>
	<option value="3" selected="selected">Disabled item 3</option>
</select>
    </span>
 <a class="edit_ddl2" href="#">edit</a>

</div>

JavaScript

jQuery('.edit_ddl2').click(function () {
    jQuery('.ddl2').prop('disabled', false);
    return false;
});
jQuery('.ddl2').change(function () {
    var jThis = jQuery(this);
    jThis.parent().attr('title', jThis.find("option:selected").text());
    jThis.prop('disabled', true); // remove this line if you want the element to stay enabled
});