select实现option选中事件

最新推荐文章于 2020-08-06 16:26:56 发布
最新推荐文章于 2020-08-06 16:26:56 发布
阅读量178 收藏 1
点赞数
分类专栏： web /js 文章标签： select option 选中事件 onchange
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_19008/article/details/82675505
版权
<!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" οnchange="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>
iteye_19008
关注
专栏目录
JS实现select选中option触发事件操作示例
10-18
由于`<option>`元素本身不支持直接绑定事件，因此我们通常会在其父元素`<select>`上设置事件监听器，例如`onchange`事件，来捕获用户的选择变化。 在这个示例中，我们看到两种方法来实现这一目标：一种是纯...
html-js,实现select中指定option选中触发事件
weixin_45959965的博客
12-16 6177
html-js,实现select中指定option选中触发事件
实现 select中指定option选中触发事件
weixin_39450145的博客
11-03 1万+
11111，例1 我们在用到下拉列表框select时，需要对选中的&lt;option&gt;选项触发事件，其实&lt;option&gt;本身没有触发事件方法，我们只有在select里的onchange方法里触发。 当我们触发select的双击事件时，用ondblclick方法。 当我们要取得select的选中事件时，用document.all['name'].value来获取，其中n...
select下的option选中触发事件
chubosheng0951的博客
10-28 325
Option 和 Select 对象的基本使用，这是两个很常用到的标签（这里主要是介绍属性的使用） <html> <head> //js的方法 <script type="text/JavaScript"> function disable() { /...
Select下拉框选中事件，option选中事件
uziuzi669的博客
07-24 1737
select下拉框选中触发事件 <select id="comSelect" name="deptCode" class="w138" > </select> <script> $(document).ready(function(){//文档加载时就加载这个方法 $("#comSelect").change(function(){//这个方法中写入下拉框选中后你要触发的事件，可以是css也可以是其它 var deptCode = $("
JavaScript实现select添加option
10-24
接着，通过设置select元素的onchange事件处理函数，可以实现当用户更改选中选项时执行一些特定的操作。在这个例子中，onchange事件被用来弹出一个警告框显示选中option的value值。 最后，通过`document.body....
jQuery获取select选中的option的value值实现方法
10-21
4. 在使用.val()方法获取选中的option的value时，如果select标签没有设置value属性的option被选中了，那么.val()会返回该option的文本内容。为了确保获取的是value属性的值，应确保每个option都有value属性。 5. ...
js获取select默认选中的Option并不是当前选中值
10-25
总结来说，本文说明了如何使用JavaScript来获取select元素初始化时默认选中的option项，并强调了这一需求在动态网页交互中的重要性。同时，也指出了在使用jQuery时可能会遇到的问题，并建议了在HTML中正确设置默认...
select 的option选中事件
钱进的专栏
05-14 1万+
<br /> <br />为了使select有树状结构，可以用<optgroup>来分下类<br /> <br /> <br /><select name="" onclick="test(this)"><br /><optgroup label="水果"><br />  <option value="苹果(apple)">苹果(apple)</option><br />  <option value="梨(pear)">梨(pear)</option><br />  <option value="香蕉(b
SELECT点击相应option响应点击事件
10-18
点击option自动弹出value的值，作为初学者使用。
select 选择同一值触发onchange事件
11-24
web前端小问题，select 选择事件，当选择select同一值触发onchange事件
根据点击 select 下拉列表 显示对应的值，全选、反选 功能实例
weixin_41883384的博客
08-06 1256
1.点击类型里面的某一个值， 2.显示 下面对应的明细 3.点击全选 ，选择所有，如果是全选，就取消全选 4.在全选的状态下，点击去掉 后面某一个选中的值，，全选按钮变为不选的状态 5.点击搜索按钮，把所有选中的值传给后台 代码如下： <select name="type" id="type" class="form-control" onchange="selectOnchang(this)"> ...
select 中 option 的选中事件
qq_34934555的博客
12-21 1万+
//使用 jquery 获取 selected 的选中事件 你 我 $(function(){ $("selected1").change(function(){ alert($(this).val()); }); }); //使用 js 获取 selected 的选中事件 你们 我们 function selected(){ var s
select标签内动态生成的option添加点击事件
热门推荐
qq_35457545的博客
08-19 1万+
最近在工作中遇到一个小问题，在此记录一下，有碰到类似问题的同学也可以借鉴一下，【大神就请飘过了。。。】 主要要实现的小功能就是点击“中国”所在的select标签时，要让对应的右边输入手机号码的输入框内的区号跟着变化 直接上代码： 首先，是HTML部分 其次，是一组数组，里面存放了很多数据，简单举个例子 var option =[ { "en": "China", "zh":...
select选中option触发事件
KevinMiGuan的博客
07-24 1万+
    &lt;select id="selectId"&gt;         &lt;option value="a"&gt;选项一&lt;/a&gt;         &lt;option value="b"&gt;选项二&lt;/a&gt;         &lt;option value="b"&gt;选项三&lt
vue集成select2实现选中事件
最新发布
06-07
要在Vue中使用Select2选择事件，你可以使用以下代码示例： ... <select class="select2" ref="mySelect"> <option value="1">Option 1</option> ...希望这个示例可以帮助你实现Select2选择事件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值