jquery下的select dropdownlist用法总结(待续)

来源:互联网 发布:qt socket编程 编辑:程序博客网 时间:2024/05/21 22:35


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="Scripts/jquery-1.10.2.js" type="text/javascript"></script>
    <title></title>
</head>
   
<body>
    <script type="text/javascript" >
        function test() {
          //  var test = " a bc ";
          //  //$("#d3").val(test);
          //test=  test.trim();
            //  alert("我是测试空格的-"+test+"-");

            //$('select#ddlTest')[0].selectedIndex = -1;//测试过,有效。
            //$('select#ddlTest').selectedIndex = -1;//测试,无效。

            //var selecttext = $('select#ddlTest').find('option:selected').val();//测试通过
            //var va2 = $('select#ddlTest').selectedValue; 获取value的错误用法
            //var va2= $("select#ddlTest option[" + 3 + "]").text();//错误用法

            //var va2 = $("select#ddlTest").get(0).options[3].text;//正确用法
            //var va2 = $("select#ddlTest")[0].options[3].text;//正确用法
            //var va2 = $("select#ddlTest")[0].options[3].value;//+"--"+
            //var va2= $("select#ddlTest")[0].options[3].val();//错误用法
            //var va2 = $('select#ddlTest')[0].options.length;//正确用法
            //var va2 = $('select#ddlTest').length;//正确用法 这个用法结果不正确,不管list列多少,只有1
            //var va2 = $('select#ddlTest')[0].length;//正确用法
            //var va2 = $('select#ddlTest')[0].options.length + "-" + $('select#ddlTest').length;


            alert(va2);//[0]
        }

    </script>
    <form id="form1" runat="server">
   
        <div class="col-md-4">
            <h2>Getting </h2>
            页面测试获取后台参数<input  value="<%=TestValue %>" />
           <br />
                测试值2<input   value="<%=treeview_num %>" />
          <br />
            <input value=" a bc " id="d3" />
            <br />

                        <input value="点我,弹弹弹"  type="button" onclick="test()" style="width: 227px"/>

            <br />
            <select id="ddlTest">
                <option  value="a" >呵呵</option>
                   <option  value="a2" >呵呵2</option>
                 <option  value="a3" >呵呵3</option>
                  <option  value="a4" >呵呵4</option>
                <option  value="a5" >呵呵5</option>
            </select>
                    </div>
    </form>
</body>
</html>

阅读全文
0 0
原创粉丝点击