<!DOCTYPE html>
<html lang="en">
<title>伪代码</title>
<head></head>
<body>
<div class="form-group">
<label class="col-md-3 control-label" for="completed">是否已经完成</label>
<div class="col-md-6">
<select name="completed" id="completed" class="form-control" onchange="showAndHide()">
<option value="1" >是</option>
<option value="0" >否</option>
</select>
</div>
</div>
<div class="form-group " id="finishDate" >
<label class="col-md-3 control-label">实际完成时间</label>
<div class="col-md-6">
<input type="text" class="form-control date date-picker" name="finishDate"/>
</div>
</div>
<div class="form-group hidden" id="reasonOfFail">
<label class="col-md-3 control-label">未完成的原因</label>
<div class="col-md-6">
<textarea name="reasonOfFail" rows="3" class="form-control"></textarea>
</div>
</div>
<div class="form-group hidden" id="dueDate">
<label class="col-md-3 control-label">计划整改完成的时间</label>
<div class="col-md-6">
<input type="text" class="form-control date date-picker" name="dueDate"/>
</div>
</div>
<div class="form-group" id="result">
<label class="col-md-3 control-label">整改成果</label>
<div class="col-md-6">
<textarea name="result" rows="3" class="form-control"></textarea>
</div>
</div>
<javascript>
function showAndHide(){
var obj = document.getElementById("completed");
var op = objS.options[obj.selectedIndex].value;
if(op =="1"){
$("#finishDate").removeClass("hidden");
$("#result").removeClass("hidden");
$("#reasonOfFail").addClass("hidden");
$("#dueDate").addClass("hidden");
}else{
$("#finishDate").addClass('hidden');
$("#result").addClass('hidden');
$("#reasonOfFail").removeClass("hidden");
$("#dueDate").removeClass("hidden");
}
}
</javascript>
</body>
</html>
分享到：
相关推荐
主要介绍了JS实现select选中option触发事件操作,结合实例形式总结分析了javascript针对select下拉选中option项触发事件相关操作技巧,需要的朋友可以参考下
jquery获得select option值
然后select的option的value给你新闻的标题 在内容区域里也把所有列表调出来(两边的sql语句一致) 比如 <select <option value='1'>第一条新闻标题</option> <option value='2'>第二条新闻标题</option> </select> ...
去除select当中重复的option并选中当前的option
select将选中的option设置为默认选项,可多个select可一个select.项目中遇到这个问题后自己写的(原先有默认值的话会将选中的设为默认选项)
js函数方法： 代码如下: [removed]... try { opts = document.getElementById(selectId).getElementsByTagName(‘option’); for (var i in opts) { if (opts[i].defaultSelected) { dom = opts[i]; break; } } } catch
复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....
用alert（）方法显示选中的值 var prov=$("#selProvince option:selected"); var city=$("#selCity option:selected"); var dist=$("#selDistrict option:selected"); alert("省："+prov.text()+"市："+...
function CheckAll(form)根据name=chkAll的checkBox的选中与否来设置其它checkBox全选与全不选，并激活一个事件来验证表单 ...function simOptionClick4IE(form)模拟IE下点击select的option单击事件
option的value比较来确定select默认选中项
1 检测是否有选中 2.动态创建select 3.添加选项option 4.删除所有选项option 5.删除一个选项option 6.获得选项option的值......
asp 无限分级以Select输出并可根据类ID选中option项，取值、名更方便 '这里用的是access数据库，Po_Class表结构：ID 自增长，ClassName：类名,ParentID：父类ID,ParentPath:父路径 '参数：parentID:是需要遍例的类...
本文实例讲述了JS更改select内option属性的方法。分享给大家供大家参考。具体如下： 帮一位友人解决了一个小问题，需求是更改选中选项卡内显示的文本值，新值存放在某个文本框内 初始窗口： <html> <head...
下面小编就为大家带来一篇jQuery获取select选中的option的value值实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
1、获取选中select的value和text,html代码如下： 代码如下: <select id=”mySelect”> <option value=”1″>one</... //获取选中记录的value值 $(“#mySelect option:selected”).text(); //获取选中记录的text值
基于Jquery的自定义下拉框JS插件。 带图标、分组等
<option value=””>1</option> <option value=””>2</option> <option value=””>3</option> <option value=””>4</option> <option value=””>5</option> </select> 我不想让用户可以选择 345 ...