首页 > 代码库 > jquery 获取text()和val()的区别

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

自己做的一个实例:

代码如下:

 <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="http://www.mamicode.com/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>



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

  弹出的val()为:

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