如何在Materialize CSS中将select输入与所选选项动态匹配？

<select id="mySelect">
  <option value="" disabled selected>请选择一个选项</option>
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

$(document).ready(function(){
  $('#mySelect').formSelect();
});

$(document).ready(function(){
  $('#mySelect').formSelect();

  $('#mySelect').change(function(){
    var selectedOption = $(this).val();

    if(selectedOption === 'option1'){
      // 显示文本输入框1
    } else if(selectedOption === 'option2'){
      // 显示文本输入框2
    } else if(selectedOption === 'option3'){
      // 显示文本输入框3
    }
  });
});