Question

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

我有status的选择字段，其答案为Full Time和Part 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>**

Answer 2

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

之类的东西

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

或

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

Answer 3

试试这个：

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

根据回答

3 个答案: