jquery下拉 联动 数组声明json 对象

jquery 下拉联动


   <script type="text/javascript">
       //区域
       function getArea(tag, tag2) {

           $("#" + tag).change(function() {
               $.ajax({
                   type: "GET",
                   url: "/Ajax/AjaxHotelArea.aspx",
                   data: "id=" + $(this).val(),
                   cache: false,
                   async: false,
                   error: function() { },
                   success: function(App) {
                       $("#" + tag2).find("option").remove();
                       $("#" + tag2).append(App);
                   }
               })
           })
       }
       getArea("txtCityID", "txtAreaID");
    </script>

 

 

<select name="cityID" id="txtCityID"><option value="0" >不限</option><%=CityList.ToString()%></select>

select name="txtAreaID" id="txtAreaID"><option value="0">不限</option></select>

 

 

--------------------------------------------- 数组声明json 对象 通过索引取得对象下拉联动

<script type="text/javascript">

    var myArray = new Array(
    { 
          "TravelDays": [
          { "city": "beijing", "postcode": "222333" },
                { "city": "newyork", "postcode": "555666" },
                 { "city": "wer23", "postcode": "555666" }
                ]
            }
            ,
            {
                "TravelDays": [
          { "city": "beijing2", "postcode": "222333" },
                { "city": "newyork2", "postcode": "555666" },
                { "city": "22222", "postcode": "555666" },
                { "city": "3333", "postcode": "555666" }
             ]
            }


    )

 

 

  function setSelectDay(){
            var index = $("#city").get(0).selectedIndex;
            var obj = myArray[index];

            $("#days").find("option").remove();
            for (var i = 0; i < obj.TravelDays.length; i++) {
                var city= obj.TravelDays[i].city;
                var postcode= obj.TravelDays[i].postcode;           
                $("#days").append("<option value='"+city+"'>" + postcode+ "</option>");
              
            }
        }

 

 

 

var array = [
                 {"startDate":"2011-03-24","endDate":"2011-03-26"},  
                 {"startDate":"2011-03-26","endDate":"2011-03-27"},  
                 {"startDate":"2011-03-27","endDate":"2011-03-30"}
                 ];

 

array[index].endDate

 

jQuery-对Select的操作集合[终结篇]
http://www.cnblogs.com/bynet/archive/2009/11/16/1603769.html

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值