JSFiddle - React, Tailwind, and code Playground
by Wallter
HTML
<div class="validate_the_fields_below" id="new_billing_address" style="">
<table class="form-table">
<tbody>
<tr class="field">
<td class="form-label">
<label for="first_name">First Name*</label>
</td>
<td class="form-input">
<input type="text" name="billing_first_name" value="" class="required">
</td>
</tr>
<tr class="field">
<td class="form-label">
<label for="last_name">Last Name*</label>
</td>
<td class="form-input">
<input type="text" name="billing_last_name" value="" class="required">
</td>
</tr>
<tr class="field">
<td class="form-label">
<label for="phone">Phone*</label>
</td>
<td class="form-input">
<input type="tel" name="billing_phone" value="" class="required">
</td>
</tr>
<tr class="field">
<td class="form-label">
<label for="email">Email*</label>
</td>
<td class="form-input">
<input type="email" name="billing_email" value="" class="required">
</td>
</tr>
<tr class="field">
<td class="form-label">
<label for="address1">Address 1*</label>
</td>
<td class="form-input">
<input type="text" name="billing_address1" value="" class="required">
</td>
</tr>
<tr class="field">
<td class="form-label">
<label for="address2">Address 2</label>
</td>
<td class="form-input">
<input class="ignore required" type="text" name=""...
JavaScript
(function () {
$('#billing_country').on('change', function () {
console.log($('#billing_country').val());
alert($('#billing_country').val());
});
});