根据回答

时间:2015-10-01 11:19:52

标签: javascript php html forms

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

我有status的选择字段,其答案为Full TimePart 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>

3 个答案:

答案 0 :(得分: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>**

答案 1 :(得分:1)

如果状态只有两个选项,首先我建议您使用布尔值。并且还考虑使用id for select然后使用jquery使用此值显示或隐藏字段。

之类的东西

if ( $('.cs-select').val()){ $( '#ur_field' ).hide() }

if ( $('#select_box_id').val()){ $( '#ur_field' ).hide() }

答案 2 :(得分:1)

试试这个:

<强> HTML:

Random rnd= new Random();
List<string> validStrings= new List<string>() {
 "00000041", 
 "0000424E", 
 "00004244", 
 "00004D53" };
string result = validStrings[rnd.Next(0, validStrings.Count)];

<强> JS:

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

 <input type="text" id="forparttime" name="forparttime" style="display:none" >
 <input type="text" id="forfulltimetime" name="forfulltimetime" style="display:none" >