JSFiddle - React, Tailwind, and code Playground

HTML

<select id="method" name="method" required>
    <option name="method" value="Choose method" data-content="The web, or email?" data-type="default" data-example="Choose your method">Choose method</option>
    <option name="method" value="email" data-content="Enter your website address below" data-type="email" data-example="e.g. [email protected]">Email</option>
    <option name="method" value="web" data-content="Enter your email below" data-type="web" data-example="e.g. www.yourdomain.com">Web</option>
</select>
<br />
<label for="contact" id="help-text" ></label>
<br />
<input type="email" id="contact" name="contact" value="" maxlength="255">
<br />
<span id="example-text"></span>
<br />
<label id="outputprint">output</label>

CSS

* {
    font-size:12px;
    font-family:Helvetica;
}

JavaScript

$("#method").change(function() {
    $('#help-text').text($('option:selected').attr('data-content'));
    $('#example-text').text($('option:selected').attr('data-example'));
    $("#outputprint").text('HOLA')
}).change();