select操作!!
时间:2010-01-07
来源:互联网
选择select某项时,要显示一个文本说明,不同的选项出现不同的文本说明,用jquery怎么实现??
作者: limojun 发布时间: 2010-01-07
思路 使用select 元素的 onchange事件 而对于jQuery对象应该是change事件
html
......
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="custom.js"></script>
......
<select id="selframe">
<option value=1>a</option>
<option value=2>b</option>
</select>
<div id="message1"></div>
custom.js
$(document).ready(function(){
$("#selframe").change(function(){
$("#message1").html($("#selframe").value);
});
});
根据option的value值 通过js方式写入元素message1中 如果value作提交表单用 可以用js判断此时的value值而写入对应的消息到元素#message1中
html
......
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="custom.js"></script>
......
<select id="selframe">
<option value=1>a</option>
<option value=2>b</option>
</select>
<div id="message1"></div>
custom.js
$(document).ready(function(){
$("#selframe").change(function(){
$("#message1").html($("#selframe").value);
});
});
根据option的value值 通过js方式写入元素message1中 如果value作提交表单用 可以用js判断此时的value值而写入对应的消息到元素#message1中
作者: 神之左手 发布时间: 2010-01-07
$("#selframe").val()吧, $("#message1").html($("#selframe").value);这句
$("#selframe")是jquery对象,你用了dom方法
$("#selframe")是jquery对象,你用了dom方法
作者: yake_yk 发布时间: 2010-01-08
确实 我疏忽了
应该注意当前采用的是jQuery方法还是dom方法
获得对象的值
jQuery方法 $("#selframe").val()
dom 方法 $("#selframe")[0].value
应该注意当前采用的是jQuery方法还是dom方法
获得对象的值
jQuery方法 $("#selframe").val()
dom 方法 $("#selframe")[0].value
作者: 神之左手 发布时间: 2010-01-12
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28