JSFiddle - React, Tailwind, and code Playground
HTML
<h2>Before jQuery:</h2>
<div id="htmlBefore"></div>
<form action="#" method="post">
<select onchange="change_option('SELECT___100E___7',this.options[this.selectedIndex].value)" name="SELECT___100E___7">
<option value="0">dummy option 1</option>
<option value="1">dummy option 2</option>
<option value="2">dummy option 3</option>
<option value="3">dummy option 4</option>
</select>
<select onchange="change_option('SELECT___123___6',this.options[this.selectedIndex].value)" name="SELECT___123___6">
<option value="0">dummy option 1</option>
<option value="1">dummy option 2</option>
<option value="2">dummy option 3</option>
<option value="3">dummy option 4</option>
</select>
<select onchange="change_option('SELECT___584E___52',this.options[this.selectedIndex].value)" name="SELECT___584E___52">
<option value="0">dummy option 1</option>
<option value="1">dummy option 2</option>
<option value="2">dummy option 3</option>
<option value="3">dummy option 4</option>
</select>
</form>
<h2>After jQuery:</h2>
<div id="htmlAfter"></div>
CSS
#htmlBefore,
#htmlAfter {
white-space: pre;
background-color: #000;
color: #0c0;
display: block;
}
form {
margin: 1em 0;
border: 2px solid #ccc;
padding: 0.5em;
}
JavaScript
$(document).ready(
function(){
$('#htmlBefore').text($('form').html());
$('select').each(
function(){
if ($(this).attr('onChange')) {
var onChangeString = $(this).attr('onChange').replace('change_option','changeoption');
$(this).attr('onChange',onChangeString);
}
}
);
$('#htmlAfter').text($('form').html());
}
);