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