                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

如何实现监听选中？

这个代码好像不能实现选中状态

var $txtOpt = $("#frmTest :selected").attr("selected","selected").text();|var $txtOpt = $("#frmTest :checked").attr("selected","selected").text();

$("#tip").html("选中内容为:" + $txtOpt);

有什么方法吗？

码上有媳妇

2015-04-03

源自：jQuery基础课程 4-10

关注问题我要回答

700

操作

收起

2 回答

axiba 回答被采纳 +3 积分
2015-12-10

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>:selected选中状态选择器</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
        <h3>获取处于选中状态元素的内容</h3>
        <form id="frmTest" action="#">
        <select id="Select1" multiple="multiple">
            <option value="0" onclick="javascript:;">苹果</option>
            <option value="1"  onclick="javascript:;">桔子</option>
            <option value="2"  onclick="javascript:;">荔枝</option>
            <option value="3" onclick="javascript:;">葡萄</option>
            <option value="4" onclick="javascript:;">香蕉</option>
        </select><br /><br />
        <div id="tip"></div>
        </form>
        
        <script type="text/javascript">
     
        $(function(){
            $("#Select1 > option").click(function(i){
                
                 var $txtOpt =$("option:eq("+$(this).attr('value')+")").attr("selected","selected").text();
            $("#tip").html("选中内容为:" + $txtOpt);
                
            })
            
            
            })
           
        </script>
    </body>
</html>

你试试看