我想在一个html静态页面里面
<SELECT id=thisTime name=thisTime>
<option value="2011-6-3~2150~0">2011-6-3</option>
</SELECT><option value=" 这个地方获得,js文件里面 selectedDates 的值不然道如何才能实现
在静态页面里面
<SPAN id=selectedDates></SPAN> 这样是可以显示出来,但是不知道要放到<option value="2011-6-3~2150~0">2011-6-3</option>
这里面要如何实现,下面是js文件$(document).ready(function(){
$("#close_btn").click(function(){
$("#pro_window").fadeOut();
});//弹出日历层自适应屏幕居中
$("input[name='yuding_btn']").each(
function(){
var pro_window = $("#pro_window");
var windows = $(window);
$(this).click(function(){
var i = $("#pro_calendar2").find("table[name='lvmama_calendar']").length;
var k = 0;
$("#pro_calendar2").find("table[name='lvmama_calendar']").each(function(){
if ($(this).css("display")=="none") {
k++;
}
});
if(parseInt(i)==parseInt(k)){
$("#pro_calendar2").find("table[name='lvmama_calendar']").eq(0).show();
}
$("#pro_window").fadeIn();
var ctop = (windows.height() - pro_window.height())/2;
var cleft = (windows.width() - pro_window.width())/2;
if(ctop<=0){ctop = 0 + windows.scrollTop()}else{ctop=parseInt(ctop + windows.scrollTop())};
if(cleft<=0){cleft = 0}else{cleft=parseInt(cleft)};
pro_window.css({"top":ctop + "px","left":cleft + "px"})
})
})
});
var clickObj;
$(document).ready(function(){
$("#pro_calendar").find("td[id='hasTimePrice']").each(function(){
$(this).mouseover(function(){
$(this).addClass("yellow_bg");
});
$(this).mouseout(function(){
$(this).removeClass("yellow_bg");
});
$(this).click(function(){
validateFlag = true;
$(this).unbind("mouseout");
$(this).unbind("mouseover");
if (clickObj!=null) {
clickObj.removeClass("yellow_bg");
clickObj.mouseover(function(){
$(this).addClass("yellow_bg");
});
clickObj.mouseout(function(){
$(this).removeClass("yellow_bg");
});
}
$(this).addClass("yellow_bg");
clickObj=$(this);
$("#pro_calendar2").find("table[name='lvmama_calendar']").each(function(){$(this).hide();});
if(document.getElementById("leaveTimeQuick2") != null) {
$("#daysInput2").val("");
$("#daysInput2Span").html("");
}
$("#selectedDate").html($(this).attr("date"));
$("#selectedDates").html($(this).attr("date"));
$("#product_price").html($(this).attr("price"));
$("#product_price1").html($(this).attr("price"));
$("#product_prices").html($(this).attr("prices"));
$("#product_prices1").html($(this).attr("prices"));
document.getElementById("thisTimes").value=$(this).attr("date");
var selectedDates = $(this).attr("date");
var stock = $(this).attr("stock");
if(parseInt(stock)>=-1&&parseInt(stock)!=0){
$("#visitTime").val($(this).attr("date"));
if($("#visitTimeQuick").attr("id")!=undefined){
$("#visitTimeQuick").val($(this).attr("date"));
}
showDiv();
} else {
alert("当前日期没有库存,请选择其他日期");
}
});
});
});
function showDiv(){
var pro_window = $("#pro_window");
var windows = $(window);
$("#pro_window").fadeIn();
var ctop = (windows.height() - pro_window.height())/2;
var cleft = (windows.width() - pro_window.width())/2;
if(ctop<=0){ctop = 0 + windows.scrollTop()}else{ctop=parseInt(ctop + windows.scrollTop())};
if(cleft<=0){cleft = 0}else{cleft=parseInt(cleft)};
pro_window.css({"top":ctop + "px","left":cleft + "px"})
}
<SELECT id=thisTime name=thisTime>
<option value="2011-6-3~2150~0">2011-6-3</option>
</SELECT><option value=" 这个地方获得,js文件里面 selectedDates 的值不然道如何才能实现
在静态页面里面
<SPAN id=selectedDates></SPAN> 这样是可以显示出来,但是不知道要放到<option value="2011-6-3~2150~0">2011-6-3</option>
这里面要如何实现,下面是js文件$(document).ready(function(){
$("#close_btn").click(function(){
$("#pro_window").fadeOut();
});//弹出日历层自适应屏幕居中
$("input[name='yuding_btn']").each(
function(){
var pro_window = $("#pro_window");
var windows = $(window);
$(this).click(function(){
var i = $("#pro_calendar2").find("table[name='lvmama_calendar']").length;
var k = 0;
$("#pro_calendar2").find("table[name='lvmama_calendar']").each(function(){
if ($(this).css("display")=="none") {
k++;
}
});
if(parseInt(i)==parseInt(k)){
$("#pro_calendar2").find("table[name='lvmama_calendar']").eq(0).show();
}
$("#pro_window").fadeIn();
var ctop = (windows.height() - pro_window.height())/2;
var cleft = (windows.width() - pro_window.width())/2;
if(ctop<=0){ctop = 0 + windows.scrollTop()}else{ctop=parseInt(ctop + windows.scrollTop())};
if(cleft<=0){cleft = 0}else{cleft=parseInt(cleft)};
pro_window.css({"top":ctop + "px","left":cleft + "px"})
})
})
});
var clickObj;
$(document).ready(function(){
$("#pro_calendar").find("td[id='hasTimePrice']").each(function(){
$(this).mouseover(function(){
$(this).addClass("yellow_bg");
});
$(this).mouseout(function(){
$(this).removeClass("yellow_bg");
});
$(this).click(function(){
validateFlag = true;
$(this).unbind("mouseout");
$(this).unbind("mouseover");
if (clickObj!=null) {
clickObj.removeClass("yellow_bg");
clickObj.mouseover(function(){
$(this).addClass("yellow_bg");
});
clickObj.mouseout(function(){
$(this).removeClass("yellow_bg");
});
}
$(this).addClass("yellow_bg");
clickObj=$(this);
$("#pro_calendar2").find("table[name='lvmama_calendar']").each(function(){$(this).hide();});
if(document.getElementById("leaveTimeQuick2") != null) {
$("#daysInput2").val("");
$("#daysInput2Span").html("");
}
$("#selectedDate").html($(this).attr("date"));
$("#selectedDates").html($(this).attr("date"));
$("#product_price").html($(this).attr("price"));
$("#product_price1").html($(this).attr("price"));
$("#product_prices").html($(this).attr("prices"));
$("#product_prices1").html($(this).attr("prices"));
document.getElementById("thisTimes").value=$(this).attr("date");
var selectedDates = $(this).attr("date");
var stock = $(this).attr("stock");
if(parseInt(stock)>=-1&&parseInt(stock)!=0){
$("#visitTime").val($(this).attr("date"));
if($("#visitTimeQuick").attr("id")!=undefined){
$("#visitTimeQuick").val($(this).attr("date"));
}
showDiv();
} else {
alert("当前日期没有库存,请选择其他日期");
}
});
});
});
function showDiv(){
var pro_window = $("#pro_window");
var windows = $(window);
$("#pro_window").fadeIn();
var ctop = (windows.height() - pro_window.height())/2;
var cleft = (windows.width() - pro_window.width())/2;
if(ctop<=0){ctop = 0 + windows.scrollTop()}else{ctop=parseInt(ctop + windows.scrollTop())};
if(cleft<=0){cleft = 0}else{cleft=parseInt(cleft)};
pro_window.css({"top":ctop + "px","left":cleft + "px"})
}
解决方案 »
- 如何跨域获取iframe网页源码?
- 在Dreamweaver里,用javascript语言,点击查询按钮,查询textbox里的内容,然后把内容显示在表格里!
- 请教关于jQuery中:visible的问题
- 哪有prototype.js 1.3.1下载 ,告诉我,谢谢
- flash游戏下载中进度条的代码怎么做?
- 网页怎样在flash添加一层javascript滚动图片超链接,既能看到flash动画超链接也能用 代码如下 谢谢啊
- javascript 弹出窗口问题
- 请问,去哪里找到世界国家、城市的数据呀?
- 求“超级表格”,急!!!
- 求教:判断函数
- Jquery节点
- 求匹配数字逗号的正则表达式(在线等~)
你是要新增<option>;新增的话:$('<option value="'+ selectedDates +'">'+selectedDates+'</option>').appendTo("#thisTime");
var time=["2011-5-23","2011-5-24","2011-5-25"];
var html=[];
for(var i=0,len=time.length;i<len;i++){
html.push("<option value='"+time[i]+"'>"+i+"</option>");
}
$("#thisTime").html(html.join(""));
});<select id="thisTime "></select>
这样用js动态构建select的内容,然后在填充到select里面也行嘛。
$("#thisTime option").each();
//在var selectedDates = $(this).attr("date");处
$("#thisTime option").each(funtion(){
if($(this).val() =="2011-6-3~2150~0"){
$(this).val(selectedDates);
$(this).text(selectedDates);
}
});
$("#selectedDates").html($(this).attr("date"));
由于这个日期是动态的,所以不好在js里面直接构建
2011-6-3~2150~0 这个日期只是一个举例,在这个日期都是根据在html页页点击的日期来变动的