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

时间:2018-08-23 03:37:26

标签: javascript html

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

 <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);

0 个答案:

没有答案