码迷,mamicode.com
首页 > Web开发 > 详细

jquery 获取text()和val()的区别

时间:2014-09-15 12:40:48      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:blog   http   io   java   ar   2014   div   sp   cti   

自己做的一个实例:

代码如下:

 <div id="bd">
        <asp:DropDownList ID="ddlContent" runat="server" ClientIDMode="Static">
            <asp:ListItem Selected="True">徐州</asp:ListItem>
            <asp:ListItem>淮安</asp:ListItem>
            <asp:ListItem>盐城</asp:ListItem>
        </asp:DropDownList>
        <asp:Button ID="btnClick" runat="server" Text="点击我" ClientIDMode="Static"/>
    </div>

Jquery代码:
  
 <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $("#btnClick").bind("click", function () {
                var text1 = $("#ddlContent").text();//弹出绑定的所有值
                var text = $("#ddlContent").find("option:selected").text();//弹出所选中的值
                var val = $("#ddlContent").val();
                alert(text1);
                alert(text);
                alert(val);
            });
        });
    </script>


bubuko.com,布布扣


点击按钮后弹出的值:
弹出的text()为:

bubuko.com,布布扣

  弹出的val()为:

bubuko.com,布布扣


jquery 获取text()和val()的区别

标签:blog   http   io   java   ar   2014   div   sp   cti   

原文地址:http://www.cnblogs.com/lschenblog/p/3972495.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!