change事件用法
来源:互联网 发布:金庸群侠传mac版 编辑:程序博客网 时间:2024/06/17 20:39
//实现效果:下拉菜单中单选框被选中,则显示show1
//否则隐藏
<li>
<select name="field_type" id="" class="rad">
<option value="input-text">文本框</option>
<option value="input-radio">单选框</option>
<option value="input-password">密码框</option>
<option value="textarea">文本域</option>
</select>
</li>
<li hidden="" class="show1">
<span>请填写字段选项:</span>
<input type="text" class="filed-name" placeholder="选项1">
<input type="text" class="filed-name" placeholder="选项2">
</li>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(".rad").change(function(){
//alert($(this).val());
$(this).parent().next().hide();
if ($(this).val()=='input-radio') {
$(this).parent().next().show();
}
});
//借鉴网址1:http://www.w3school.com.cn/jquery/event_change.asp
定义和用法
当元素的值发生改变时,会发生 change 事件。
该事件仅适用于文本域(text field),以及 textarea 和 select 元素。
change() 函数触发 change 事件,或规定当发生 change 事件时运行的函数。
注释:当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。
//借鉴网址2:https://zhidao.baidu.com/question/553216894.html
<select name="jumpMenu" id="jumpMenu" >
<option value="1">111</option> // 111 是显示给用户的信息
<option value="2">222</option>
<option value="3">333</option>
<option value="4">444</option>
<option value="5">555</option>
</select>
<script type="text/javascript" src="js/jquery1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
// $("#jumpMenu").val(要选中的option的value值即可);
$("#jumpMenu").val(4);
});
</script>
//否则隐藏
<li>
<select name="field_type" id="" class="rad">
<option value="input-text">文本框</option>
<option value="input-radio">单选框</option>
<option value="input-password">密码框</option>
<option value="textarea">文本域</option>
</select>
</li>
<li hidden="" class="show1">
<span>请填写字段选项:</span>
<input type="text" class="filed-name" placeholder="选项1">
<input type="text" class="filed-name" placeholder="选项2">
</li>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(".rad").change(function(){
//alert($(this).val());
$(this).parent().next().hide();
if ($(this).val()=='input-radio') {
$(this).parent().next().show();
}
});
</script>
//借鉴网址1:http://www.w3school.com.cn/jquery/event_change.asp
定义和用法
当元素的值发生改变时,会发生 change 事件。
该事件仅适用于文本域(text field),以及 textarea 和 select 元素。
change() 函数触发 change 事件,或规定当发生 change 事件时运行的函数。
注释:当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。
//借鉴网址2:https://zhidao.baidu.com/question/553216894.html
<select name="jumpMenu" id="jumpMenu" >
<option value="1">111</option> // 111 是显示给用户的信息
<option value="2">222</option>
<option value="3">333</option>
<option value="4">444</option>
<option value="5">555</option>
</select>
<script type="text/javascript" src="js/jquery1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
// $("#jumpMenu").val(要选中的option的value值即可);
$("#jumpMenu").val(4);
});
</script>
阅读全文
0 0
- change事件用法
- javascript中change事件的用法
- vba的change事件
- jquery学习 change 事件
- Javascript的change事件
- jquery input change事件
- radio change事件
- jquery change 事件
- jQuery change事件
- jQuery的事件change
- jQuery 事件 - change() 方法
- jquery change事件 解析
- jquery input change事件
- jquery input change事件
- jquery的change 事件 .
- jquery的change 事件 .
- layui select change事件
- knockout,change事件
- 根据源码自己实现一个容器的空间适配器
- OpenStack+Ceph+热迁移+++一、前提条件
- 677. Map Sum Pairs
- JDBC和JDBC-ODBC的区别
- 杂项二
- change事件用法
- 绘制天空盒
- ssh连接ubuntu虚拟机
- opencv(九)--移动物体检测
- 连黄牛党都开始玩AI了,春节抢票不加钱是回不去了
- linux下安装sublim的几种有效方法
- Java中的断言
- C语言实验——最值
- python用 urllib和urllib2两种方式调用图灵机器人接口