+ -
当前位置:首页 → 问答吧 → select操作!!

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中


作者: 神之左手   发布时间: 2010-01-07

$("#selframe").val()吧, $("#message1").html($("#selframe").value);这句
$("#selframe")是jquery对象,你用了dom方法

作者: yake_yk   发布时间: 2010-01-08

确实 我疏忽了
应该注意当前采用的是jQuery方法还是dom方法  
获得对象的值
jQuery方法 $("#selframe").val()
dom 方法  $("#selframe")[0].value

作者: 神之左手   发布时间: 2010-01-12

相关阅读 更多