javascript - 选择选项后获取文本字段的值

Question

我有这段代码可以在电子邮件和文本之间更改我的文本字段的输入类型。

 <div id ="info_input" class="container">
      <form class="col s12">
          <div  class="row">
             <div  style="padding-top: 15px;padding-left: 50px" class="col s6 l4">
             <select class = "source">
                <option value="" disabled>Choose your option</option>
                <option value="select_id">ID</option>
                <option value="select_email">EMAIL</option>
              </select>
              <label>INPUT SELECTION</label>
          </div>

        <div class="input-field col s6 l5">
            <div id = "source_input_field_id_div">
                   <input id="source_input_field" type="text" class="validate" required>
                    <label for="source_input_field_id">ID</label>
            </div>

            <div id = "source_input_field_email_div">
                     <input id="source_input_field" type="email" class="validate" required>
                      <label for="source_input_field_email">Email</label>
             </div>
         </div>

         <div style="padding-top: 15px">
            <a onclick="getInfo()"; class="waves-effect waves-light btn">button</a>
         </div>
      </div>
</div>

然后我的类型更改代码

<script type="text/javascript">
$(document).ready(function(){
    //hide email form
    $("#source_input_field_email_div").hide();


    $("select.source").change(function(){
        var selectedSource = $(".source option:selected").val();
        if(String(selectedSource) == 'select_id'){
          $("#source_input_field_id_div").show();
          $("#source_input_field_email_div").hide();

        }
        else{
          $("#source_input_field_id_div").hide();
          $("#source_input_field_email_div").show();
        }



    });
});
</script>

单击时我有一个按钮必须记录必须记录哪个字段值

 function getInfo(){
    var input_value = document.getElementById('source_input_field').value;
    console.log(input_value);
  }

按钮获得的唯一值是 ID 标签。有什么转机吗？

编辑：

更改我的获取信息以获取正确的文本。更改了两个文本字段的 id

 if(String(selectedSource) == 'select_id'){
        input_value = document.getElementById('source_input_field_id').value;

        }
        else{
          input_value = document.getElementById('source_input_field_email').value;
        }
        console.log(input_value);

标签： javascripthtml