javascript - 根据答案显示另一个字段

Question

我的页面上有一个显示员工详细信息的表单。

我有一个 status 的选择字段，答案是 Full Time 和 Part Time

如果用户选择兼职，我希望出现另一个字段，询问 Days per week

这是我的状态问题

 <select class="cs-select cs-skin-slide" name="status" data-init-plugin="cs-select">
 <option value='FT'>Full Time </option>
 <option value='PT'>Part Time </option>
 </select>

更新

   <script> 
 $('#myselectbox').change(function(){
        var val = $('#myselectbox').val(); 
        if(val == FT){
           $('#forparttime').show();
        }else{
           $('#forfulltimetime').show();

        }

   });
          </script>

                                <div class="form-group">
                        <label>Employment Type</label>
                        <span class="help"></span><br>
                         <select id="myselectbox" class="cs-select cs-skin-slide" name="status" data-init-plugin="cs-select">
    <option value='FT'>Full Time </option>
    <option value='PT'>Part Time </option>
    </select>
    <input type="text" id="forparttime" name="forparttime" style="display:none" >
    <input type="text" id="forfulltimetime" name="forfulltimetime" style="display:none" >

 </div>

Answer 1

 **<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
 <script> 
 $(document).ready(function(){
 $('#myselectbox').change(function(){
      var val = $('#myselectbox').val(); 
      if(val == 'FT'){
       $('#forparttime').hide();
       $('#forfulltimetime').show();
    }else{
       $('#forfulltimetime').hide();
       $('#forparttime').show();
      }
    });

    });
      </script>
  <div class="form-group">
                    <label>Employment Type</label>
                    <span class="help"></span><br>
                     <select id="myselectbox" class="cs-select cs-skin-slide" name="status" data-init-plugin="cs-select">
<option value='FT'>Full Time </option>
<option value='PT'>Part Time </option>
</select>
<input type="text" id="forparttime" placeholder="forparttime" name="forparttime" style="display:none" >
<input type="text" id="forfulltimetime" placeholder="forfulltimetime" name="forfulltimetime" style="display:none" >
</div>**