我的页面上有一个显示员工详细信息的表单。
我有一个 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>
最佳答案
**<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>**
关于javascript - 根据答案显示另一个字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32886292/